/**
 * 公司主页样式
 */

/** 全局样式 **/
.row {
	width: 100%;
}

.group-site #content {
	width: 100%;
	margin: 0 auto;
}

.group-site #masthead {
	background: var(--be-bg-white);
}

.group-site #primary {
	width: 100%;
	box-shadow: none;
}

.group-site #primary .page {
	background: transparent !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

.group-site .bread-clear,
.group-site .bread,
.group-site .header-sub,
.group-site .owl-buttons {
	display: none;
}

.group-site #slideshow {
	background: var(--be-bg-white);
	margin: -1px auto 0;
}

.group-site #menu-box {
	-webkit-transition-duration: .0s;
	transition-duration: .0s;
}

.group-site .ad-site {
	display: none;
}

.g-row {
	width: 100%;
}

.g-col {
	width: var(--be-main-width);
	margin: 0 auto;
	padding: 20px 0;
}

.percent .g-col {
	width: var(--be-main-percent);
}

@media screen and (max-width: 1200px) {
	.g-col {
		width: 100%;
		overflow: hidden;
		padding: 20px 10px;
	}
}

.line-white {
	background: var(--line-odd-bg);
}

.line-color .g-line:nth-child(odd) {
	background: var(--line-odd-bg);
}

.line-color .g-line:nth-child(even) {
	background: var(--line-even-bg);
}

.group-white {
	background: var(--line-odd-bg) !important;
}

.group-gray {
	background: var(--line-even-bg) !important;
}

@media screen and (max-width: 768px) {
	.line-white .g-col {
		padding: 10px;
	}
}

/* 菜单压幻灯 */
.group-nav #content {
	margin: -89px auto 0;
}

.group-nav .be-menu-main {
	background: rgba(255, 255, 255, 0.5);
	border-bottom: none;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-webkit-backdrop-filter: saturate(5) blur(20px);
	backdrop-filter: saturate(5) blur(20px);
	transform: translateZ(0);
}

.group-nav .headroom--not-top .be-menu-main,
.group-nav .be-menu-main:hover {
	background: var(--be-bg-glass);
}

.group-nav .slider-group .owl-nav,
.group-nav .slider-group-main-box {
	margin: 47px 0 0 0;
}

.group-nav .logo-site:before,
.group-nav .slide-mete {
	display: none;
}

/** 圆角IOS **/
.group-post-img a,
.w-thumbnail img,
.w-thumbnail a,
.gr-img .picture-cms-img img,
.gr-img .picture-cms-img a,
.group-cat .gr-thumbnail img,
.group-cat .gr-thumbnail a,
.explain-img .group-explain-img img,
.explain-img .group-explain-img a,
.section-thumbnail img,
.section-thumbnail a,
.group-features .picture-cms-img a,
.group-features .picture-cms-img img {
	border-radius: 8px;
}

.t_img_cat .w-thumbnail img,
.t_img_cat .w-thumbnail a {
	border-radius: 0;
}

/** 公司H标签 **/
.sanitize h1,
.sanitize h2,
.sanitize h3,
.sanitize h4,
.sanitize h5,
.sanitize h6 {
	margin: 0;
	padding: 0;
	border-left: none;
}

.sanitize h1:before,
.sanitize h2:before,
.sanitize h3:before,
.sanitize h4:before,
.sanitize h5:before,
.sanitize h6:before {
	display: none;
}

/** 文字行距 **/
.be-text {
	line-height: 2;
}

.single-content .be-text p {
	margin: 0 0 10px 0;
}

/** 弹性布局 **/
.group-flex-box {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.group-flex-item {
	padding: 10px;
}

.flex-column-3 {
	width: 33.33333333%;
}

.flex-column-4 {
	width: 25%;
}

.flex-column-5 {
	width: 20%;
}

.flex-column-6 {
	width: 16.6666666666666%;
}

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

	.flex-column-3,
    .flex-column-4,
    .flex-column-5,
    .flex-column-6 {
		width: 50%;
	}
}

/* ===== 模块样式 ===== */

/** 01. 关于模块 **/
.group-contact {
	position: relative;
	margin: 25px 0 0 0;
}

.group-contact-main,
.group-contact-main-all {
	line-height: 190%;
}

.group-contact-img img {
	text-align: center;
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

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

	.group-contact-lr .group-contact-main,
    .group-contact-lr .group-contact-main-all {
		float: left;
		width: 48%;
	}

	.group-contact-lr .group-contact-img {
		position: absolute;
		left: 50%;
		top: 0;
		bottom: 0;
		width: 49%;
		overflow: hidden;
		border-radius: 8px;
		margin: 5px 0 20px 1%;
	}

	.group-contact-ll .group-contact-main,
    .group-contact-ll .group-contact-main-all {
		float: right;
		width: 48%;
	}

	.group-contact-ll .group-contact-img {
		position: absolute;
		right: 50%;
		top: 0;
		bottom: 0;
		width: 49%;
		overflow: hidden;
		border-radius: 8px;
		margin: 5px 1% 20px 0;
	}
}

@media screen and (max-width: 1025px) {
	.group-contact-lr .group-contact-img {
		margin: 15px 0;
	}

	.group-contact-ll .group-contact-img {
		margin: 15px 0;
	}
}

@media screen and (max-width: 480px) {
	.group-contact-main {
		position: relative;
		line-height: 30px;
		height: 92px;
		overflow: hidden;
	}
}

.group-contact-more {
	position: relative;
	float: left;
	left: 50%;
	margin: 20px 0;
}

.group-contact-more i {
	margin-right: 5px;
}

.group-contact-more a {
	position: relative;
	left: -50%;
	overflow: hidden;
	padding: 10px 15px;
	border-radius: 5px;
}

.group-more a,
.group-phone a {
	background: var(--be-bg-blue);
	margin: 0 8px;
}

.group-contact-more a,
.group-contact-more a:hover {
	color: var(--be-white);
}

.group-more a:hover,
.group-phone a:hover {
	background: var(--be-bg-grey-6);
}

.g-col .favorite-box {
	display: none;
}

/** 02. 说明模块 **/
#group-section .sep {
	background: var(--be-bg-red);
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 10px;
	border-radius: 50%;
}

.group-explain-box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
	position: relative;
	margin: 0 0 20px 0;
}

.group-explain-main {
	margin: 0;
}

.group-explain-img-box {
	float: left;
	width: 47%;
	margin: 0 3% 0 0;
}

.group-explain-img {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 1.5%;
	border-radius: 8px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.explain-img .group-explain-img {
	width: 47%;
}

.group-explain-img img {
	float: left;
	max-width: 100%;
	width: 100%;
	height: auto;
}

.group-explain {
	float: left;
	width: 49%;
}

.explain:nth-child(2n+1) .group-explain-box {
	flex-direction: row-reverse;
}

.explain:nth-child(2n+1) .group-explain-img-box {
	float: right;
	width: 49%;
	margin: 0 0 0 1%;
}

.explain:nth-child(2n+1) .group-explain {
	float: left;
}

.group-explain p {
	margin: 5px 0 0 0;
}

.group-zs {
	background: var(--be-bg-red);
	font-size: 12px;
	font-size: 1.2rem;
	color: var(--be-white);
	margin: 0 5px 0 0;
	padding: 3px 8px;
	border-radius: 3px;
}

.group-explain-more {
	margin: 20px 0;
}

.group-explain-more a {
	background: var(--be-bg-white);
	color: var(--be-body);
	font-size: 15px;
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: 0 0 0 1px var(--be-shadow);
}

.group-explain-more a:hover {
	background: var(--be-bg-blue);
	color: var(--be-white);
}

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

	.group-title h3,
    #group-widget-one h3 {
		font-size: 20px;
		font-size: 2rem;
	}

	.group-explain-img-box {
		width: 100%;
		margin: 0;
	}

	.explain:nth-child(2n+1) .group-explain-img-box,
    .group-explain {
		width: 100%;
	}

	.group-explain-main {
		padding: 10px;
	}

	.group-explain-t {
		text-align: center;
	}
}

/** 03. 关于本站 **/
.group-about-bg {
	position: relative;
	overflow: hidden;
}

.group-about-rgb {
	position: relative;
	overflow: hidden;
}

.group-about-dec {
	background: rgba(221, 153, 51, 0.8);
	position: absolute;
	top: -50%;
	left: 0;
	content: "";
	width: 55%;
	height: 200%;
	z-index: 0;
	border-radius: 0 100% 100% 0;
}

.group-about-box {
	width: 60%;
	padding: 20px 100px 20px 8px;
}

.group-about-title {
	font-size: 2.6rem;
	color: var(--be-white);
	line-height: 26px;
	margin: 0 0 15px 0;
}

.group-about-title:after {
	background: linear-gradient(to right, #fff, transparent);
	content: "";
	height: 1px;
	width: 80%;
	display: inline-block;
}

.group-about-content {
	font-size: 1.6rem;
	color: var(--be-white);
	line-height: 180%;
}

.group-about-rgb .g-col {
	position: relative;
	z-index: 1;
}

.group-about-more a {
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: saturate(5) blur(20px);
	backdrop-filter: saturate(5) blur(20px);
	float: left;
	font-size: 1.5rem;
	display: block;
	margin: 20px 0;
	padding: 8px 20px;
	border-radius: 5px;
}

.group-about-more a:hover {
	background: var(--be-bg-grey-6);
	color: #fff !important;
}

.text-back div,
.text-back p {
	text-indent: 2em;
	margin: 0 0 5px 0;
}

@media screen and (max-width: 900px) {
	.group-about-dec {
		top: 160px;
		left: -70%;
		width: 200%;
		height: 100%;
		border-radius: 100% 100% 0 0;
	}

	.group-about-box {
		width: 100%;
		padding: 200px 15px 15px 15px;
	}
}

/** 04. 公示板 **/
.group-notice-wrap {
	position: relative;
	margin: 0 0 15px;
}

.group-notice-inf {
	float: right;
	width: 49%;
	height: 100%;
	color: var(--be-grey-5);
	line-height: 340%;
	padding: 5px 20px;
}

.group-notice-inf h2 {
	float: left;
	font-size: 3.4rem;
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(90deg, #2ca2b4, #5598de 24%, #7f87ff 45%, #f65aad 76%, #ec3d43);
	will-change: transform;
}

.group-notice-inf h3 {
	font-size: 3rem;
}

.group-notice-inf h4 {
	font-size: 2.4rem;
}

.group-notice-inf h5 {
	font-size: 2rem;
	line-height: 190%;
}

.group-notice-inf h6 {
	color: var(--be-grey-6);
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 180%;
}

.group-notice-img {
	position: absolute;
	right: 50%;
	top: 0;
	bottom: 0;
	width: 49%;
	overflow: hidden;
	border-radius: 8px;
	margin: 24px 0 15px 1%;
}

.group-notice-img img {
	text-align: center;
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

@media screen and (max-width: 768px) {
	.group-notice-img {
		position: static;
		margin: 24px 0 0 0;
	}

	.group-notice-inf,
    .group-notice-img {
		width: 100%;
	}
}

/** 05. 分类封面 **/
.group-cat-cover-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 30px -10px 10px -10px;
}

.group-cat-cover-main {
	float: left;
	margin: 0 0 20px 0;
}

.group-cover-f3 {
	width: 33.33333333333333%;
}

.group-cover-f4 {
	width: 25%;
}

.group-cover-f5 {
	width: 20%;
}

.group-cat-cover {
	float: left;
	padding: 0 10px;
}

.group-cat-cover-img {
	position: relative;
	float: left;
	overflow: hidden;
	border-radius: 8px;
}

.group-cat-cover-img img {
	float: left;
	max-width: 100%;
	width: 100%;
	height: auto;
}

.group-cat-cover-img .group-cat-cover-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	color: var(--be-white);
	text-align: center;
	font-weight: 400;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(70px);
	transform: translateY(70px);
	padding: 20px 5px;
	-webkit-transition: .3s all ease-in-out 0.1s;
	transition: .3s all ease-in-out 0.1s;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.group-cat-cover:hover .group-cat-cover-title {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0px);
}

@media screen and (max-width: 768px) {
	.group-cat-cover-box {
		margin: 10px -5px 0 -5px;
	}

	.group-cat-cover {
		padding: 0 5px;
	}

	.group-cat-cover-main {
		margin: 0 0 10px 0;
	}

	.group-cat-cover-main {
		width: 50%;
	}

	.group-cat-cover-title {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/** 06. 服务模块 **/
.deanm .deanm-main {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 0 -8px;
}

.deanm .deanmove {
	float: left;
	width: 25%;
	margin: 0 0 20px 0;
	padding: 0 10px;
}

.deanm .deanmove-3 {
	width: 33.33333333333333%;
}

.deanm .deanmove-4 {
	width: 25%;
}

.deanm .deanmove-5 {
	width: 20%;
}

.deanm .deanmove-6 {
	width: 16.66%;
}

.deanm-box {
	background: var(--be-bg-white);
	position: relative;
	color: var(--be-grey-3);
	text-align: center;
	height: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 0 0 1px var(--be-shadow);
}

.deanm-bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
	background: var(--be-bg-blue-d);
}

.deanm-box:before {
	position: absolute;
	left: 0;
	bottom: 0;
	background: transparent;
	content: "";
	width: 0;
	height: 8px;
	z-index: 1;
	display: inline-block;
	margin: 0 5px 0 0;
}

.deanm-box:hover:before {
	background: var(--be-bg-blue);
	width: 100%;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.de-a,
.de-c,
.de-d {
	color: var(--be-grey-6);
	text-align: center;
	padding: 0 20px;
}

.de-c.de-c-l {
	text-align: left;
}

.de-c h4 {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 5px 0 10px 0;
}

.deanquan {
	position: relative;
	width: 160px;
	height: 160px;
	display: block;
	overflow: hidden;
	transform: rotate(0deg);
	margin: 5px auto 15px;
	border-radius: 100%;
}

.deanmove-3 .deanquan {
	width: 220px;
	height: 220px;
}

.thumbs-de-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
}

.de-a {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--be-grey-4);
	margin: 10px 0 0 0;
	padding: 5px;
	width: 99%;
	line-height: 28px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.de-back {
	position: relative;
	width: 100%;
	padding-top: 100%;
}

.de-back-fd:after {
	content: "";
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	border-radius: 100%;
	-webkit-transition: .3s all ease-in-out 0.1s;
	transition: .3s all ease-in-out 0.1s;
	-webkit-backdrop-filter: saturate(2) blur(2px);
	backdrop-filter: saturate(2) blur(2px);
}

.deanm-box:hover .de-back:after {
	opacity: 1;
}

.deanm .de-b {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 18px;
	font-size: 1.8rem;
	color: var(--be-white);
	font-weight: 700;
	text-align: center;
	z-index: 2;
	opacity: 0;
	padding: 0 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-shadow: 5px 2px 5px #000;
	-webkit-transition: .3s all ease-in-out 0.1s;
	transition: .3s all ease-in-out 0.1s;
}

.deanmove:hover .de-b {
	opacity: 1;
}

.de-back img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	width: 100%;
	height: auto;
}

.de-button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	text-align: center;
}

.button-top {
	margin: 45px 0 0 0;
}

.button-bottom {
	margin: 0 0 30px 0;
}

.deanm-main .de-button a {
	background: var(--be-bg-white);
	font-size: 15px;
	padding: 8px 22px;
	border-radius: 5px;
}

.deanm-main .de-button i {
	font-size: 16px !important;
	font-weight: 400;
}

.deanm-main i {
	margin: 0 10px 0 0;
}

.deanm-box:hover .de-button a {
	background: var(--be-bg-blue);
	color: var(--be-white);
	transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
}

@media screen and (max-width: 1025px) {
	.deanm .deanmove {
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.deanmove-3 .deanquan {
		width: 160px;
		height: 160px;
	}
}

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

	.deanmove-3 .deanquan,
    .deanquan {
		width: 120px;
		height: 120px;
	}

	.deanm .de-b {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.deanm-main .de-button a {
		font-size: 13px;
	}

	.deanm-main .de-button i {
		font-size: 13px !important;
	}

	.deanm .deanmove.deanm-jd {
		width: 100%;
	}
}

/** 07. 推荐模块 **/
.foldimg-wrap {
	height: auto;
	display: flex;
	margin: 0 -5px 10px -5px;
	overflow: hidden;
}

.foldimg-main {
	position: relative;
	width: 25%;
	min-height: 360px;
	z-index: 1;
	margin: 0 0 10px 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-transition: width .5s ease-in;
	transition: width .5s ease-in;
}

.foldimg-main.active {
	width: 35%;
}

.foldimg-img {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0 5px;
}

.foldimg-bg {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	min-height: inherit;
	overflow: hidden;
	border-radius: 8px;
	background-size: cover !important;
	background-position: 50% 50% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.foldimg-bg:before {
	position: absolute;
	top: 0;
	left: 5px;
	right: 5px;
	bottom: 0;
	content: "";
	z-index: 1;
	border-radius: 8px;
	background: rgba(0, 0, 0, .4);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.foldimg-main:hover .foldimg-bg:before {
	background: rgba(0, 0, 0, .6);
}

.foldimg-inc {
	position: absolute;
	top: 50%;
	right: 0;
	width: 100%;
	color: var(--be-white);
	padding: 0 5px 0 25px;
	z-index: 2;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.foldimg-title {
	position: relative;
	margin: 0 25px 10px 0;
	padding: 5px 0;
}

.foldimg-title:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	height: 1px;
	width: 80%;
	display: inline-block;
	background: linear-gradient(to right, #ececec, transparent);
}

.foldimg-title-text {
	display: inline-block;
	font-size: 2rem;
	color: var(--be-white);
	font-weight: 700;
	margin: 0 0 10px 0;
	-webkit-transform: scaleY(1.5);
	transform: scaleY(1.5);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.active .foldimg-title-text {
	font-size: 2.6rem;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.foldimg-text {
	font-size: 1.5rem;
	color: var(--be-white);
	line-height: 220%;
	opacity: 0;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.active .foldimg-text {
	opacity: 1;
}

.foldimg-text p {
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.foldimg-text a {
	color: var(--be-white);
}

.foldimg-text a:hover {
	color: var(--be-white);
	opacity: 0.6;
}

.foldimg-more {
	margin: 20px 0 0 0;
}

.foldimg-more a {
	background: var(--be-bg-blue);
	color: var(--be-white);
	font-size: 1.5rem;
	font-weight: 400;
	text-align: center;
	opacity: 0;
	padding: 8px 20px;
	border-radius: 5px;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.active .foldimg-more a {
	opacity: 1;
}

.foldimg-main:hover .foldimg-more a {
	background: var(--be-bg-yellow);
}

.foldimg-more a:hover {
	background: var(--be-bg-blue) !important;
}

.edit-foldimg-but a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
	opacity: 0;
	color: var(--be-white);
}

.foldimg-main:hover .edit-foldimg-but a {
	opacity: 1;
}

@media screen and (max-width: 900px) {
	.foldimg-wrap {
		flex-flow: wrap;
	}

	.foldimg-main.active,
    .foldimg-main {
		width: 50%;
	}

	.foldimg-main:hover {
		width: 50%;
	}

	.foldimg-title {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}

	.active .foldimg-two .foldimg-title-text,
    .foldimg-two .foldimg-title-text {
		font-size: 1.6rem;
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}

	.foldimg-two .foldimg-more a,
    .foldimg-two .foldimg-text {
		font-size: 1.4rem;
	}

	.foldimg-more a,
    .foldimg-text {
		opacity: 1;
	}
}

@media screen and (max-width: 480px) {
	.foldimg-one .foldimg-main {
		width: 100%;
	}

	.foldimg-one .foldimg-main:hover {
		width: 100%;
	}

	.foldimg-two .foldimg-inc {
		padding: 0 5px 0 15px;
	}
}

/** 08. 流程 **/
.group-process-wrap {
	position: relative;
	margin: 15px 0 40px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.process-main {
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
	margin: 10px;
	border: 2px solid transparent;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

.group-process {
	background: var(--be-bg-white);
	position: relative;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 50%;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

.group-process-explain {
	position: absolute;
	top: 50%;
	left: -17px;
	width: 180px;
	height: auto;
	z-index: 2;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.process-main:hover .group-process-box {
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
}

.group-process-explain-main {
	background: var(--be-bg-white);
	width: 100%;
	height: 100%;
	color: var(--be-body);
	line-height: 23px;
	padding: 15px;
	border-radius: 8px;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-webkit-box-shadow: var(--be-boxs);
	box-shadow: var(--be-boxs);
}

.process-main:hover .group-process-explain-main {
	position: relative;
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}

.group-process-explain-title {
	width: 100%;
	font-size: 1.5rem;
	text-align: center;
	margin: 0 0 5px 0;
}

.group-process-order {
	position: absolute;
	bottom: 15px;
	left: 50%;
	width: 30px;
	height: 30px;
	font-size: 2rem;
	color: var(--be-grey-9);
	font-weight: 700;
	text-align: center;
	margin: 0 0 0 -15px;
}

.group-process-title {
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	font-size: 1.5rem;
	color: var(--be-grey-4);
	text-align: center;
}

.group-process-ico i {
	position: absolute;
	top: 30px;
	left: 50%;
	font-size: 30px !important;
	color: var(--be-grey-6);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.group-process-ico .dashicons {
	top: 25px;
	width: 38px;
	height: 38px;
	font-size: 38px !important;
	line-height: 38px;
}

.edit-process-but a {
	position: absolute;
	bottom: 0;
	left: 65px;
	color: var(--be-grey-9);
}

.process-round {
	position: relative;
	width: 150px;
	height: 150px;
	float: left;
	font-size: 5px;
	margin: -2px;
	pointer-events: none;
	text-indent: -9999px;
	border-radius: 50%;
	border: 5px solid var(--be-border-grey-d);
}

.round-7,
.round {
	-webkit-animation: load 20s infinite linear;
	animation: load 20s infinite linear;
}

.round-9,
.round-5,
.round-1 {
	-webkit-animation: load 18s infinite linear;
	animation: load 18s infinite linear;
}

.round-4,
.round-2 {
	-webkit-animation: load 16s infinite linear;
	animation: load 16s infinite linear;
}

.round-8,
.round-6,
.round-3 {
	-webkit-animation: load 14s infinite linear;
	animation: load 14s infinite linear;
}

@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@media screen and (max-width: 768px) {
	.group-process-box {
		flex-wrap: wrap;
	}
}

/** 09. 支持模块 **/
.group-assist-wrap {
	position: relative;
	margin: 15px -5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.group-assist-main-box {
	position: relative;
	float: left;
	width: 25%;
	padding: 10px;
}

.group-assist-main {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	background: var(--be-bg-white);
	height: 100%;
	padding: 15px 10px 15px 15px;
	border-radius: 8px;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	box-shadow: 0 0 0 1px var(--be-shadow);
}

.group-assist-url {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.group-assist {
	float: left;
	width: 80%;
}

.group-assist-content {
	height: 100%;
	line-height: 23px;
}

h4.group-assist-title {
	font-size: 1.5rem;
	color: var(--be-grey-4);
}

.single-content h4.group-assist-title {
	line-height: 190%;
	margin: 0;
	padding: 0;
	border-left: none;
}

.group-assist-n {
	margin: 0 5px 0 0;
}

.group-assist-des {
	float: left;
	width: 100%;
	font-size: 1.4rem;
	color: var(--be-grey-6);
}

.group-assist-ico {
	position: relative;
	width: 20%;
	color: var(--be-grey-9);
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
}

.group-assist-ico i {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 34px !important;
	margin: 1px 0 0 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.group-assist-ico .dashicons {
	width: 48px;
	height: 48px;
	line-height: 48px;
}

.group-assist-main:hover .group-assist-ico .dashicons,
.group-assist-main:hover .group-assist-ico {
	color: var(--be-hover);
	-webkit-transform: translate(0, -4px) !important;
	transform: translate(0, -4px) !important;
}

.edit-assist-but {
	position: absolute;
	bottom: 17px;
	left: 70%;
	opacity: 0;
	margin: 0 0 0 -2px;
}

.group-assist-main:hover .edit-assist-but {
	opacity: 1;
}

@media screen and (max-width: 910px) {
	.group-assist-main-box {
		width: 33.33333333333333%;
	}

	.group-assist-content {
		width: 60%;
	}
}

@media screen and (max-width: 768px) {
	.group-assist-main-box {
		width: 50%;
		padding: 5px;
	}
}

/** 10. 咨询模块 **/
.group-strong-slider {
	float: left;
	width: 50%;
	margin: 0 0 40px;
}

.group-strong-slider .owl-nav {
	display: none !important;
}

.group-strong-slider .owl-dots {
	display: inline-block;
	bottom: -45px;
	text-align: left;
	margin: 0 0 0 10px;
}

.group-strong-slider .owl-dots .owl-dot span {
	background: var(--be-bg-grey-9);
}

.group-strong-slider .owl-dots .owl-dot.active span {
	background: #41a0bb;
}

.group-strong-slider .owl-dots .owl-dot span:before {
	display: none !important;
}

.strong-strong-post {
	position: relative;
	background: var(--be-bg-white);
	margin: 5px;
	transform: rotate(0deg);
	padding: 0 0 3px;
	border-radius: 8px;
	box-shadow: 0 0 0 1px var(--be-shadow);
}

.strong-thumbnail {
	position: relative;
	overflow: hidden;
	transform: rotate(0deg);
	border-radius: 8px 8px 0 0;
}

.strong-thumbnail img {
	float: left;
	width: auto;
	height: auto;
	max-width: 100%;
	overflow: visible;
	border-radius: 8px 8px 0 0;
}

.group-strong-title {
	height: 52px;
	line-height: 25px;
	margin: 10px;
	padding: 0 15px;
	overflow: hidden;
}

.group-strong-title-c {
	text-align: center;
}

.group-strong-content {
	float: left;
	width: 50%;
	height: 100%;
	color: var(--be-grey-5);
	line-height: 340%;
	padding: 5px 20px;
}

.group-strong-content h2 {
	float: left;
	font-size: 3.4rem;
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(90deg, #2ca2b4, #5598de 24%, #7f87ff 45%, #f65aad 76%, #ec3d43);
	will-change: transform;
}

.group-strong-content h3 {
	font-size: 3rem;
}

.group-strong-content h4 {
	font-size: 2.4rem;
}

.group-strong-content h5 {
	font-size: 2rem;
	line-height: 190%;
}

.group-strong-content h6 {
	color: var(--be-grey-6);
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 180%;
}

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

	.group-strong-slider,
    .group-strong-content {
		width: 100%;
	}

	.group-strong-slider .owl-dots {
		text-align: center;
		margin: 0;
	}
}

/** 11. 帮助模块 **/
.group-help-wrap {
	display: flex;
	margin: 0 0 15px 0;
}

.group-help-img {
	position: relative;
	width: calc(35% - 15px);
	height: auto;
	overflow: hidden;
	border-radius: 8px;
}

.group-help-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.group-help-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	display: inline-block;
	background: var(--be-bg-cover);
}

.group-help-bg:hover:before {
	opacity: 1;
}

.group-help-txt {
	position: absolute;
	top: 25px;
	left: 25px;
	font-size: 2rem;
	color: var(--be-white);
	font-weight: 700;
	z-index: 2;
}

.group-help-main {
	width: 70%;
	padding: 0 0 0 30px;
}

.group-help-area {
	position: relative;
}

.group-help-title {
	position: relative;
	font-size: 1.6rem;
	color: var(--be-grey-4);
	font-weight: 700;
	cursor: pointer;
	display: block;
	padding: 10px 0 10px 25px;
}

.help-ico {
	position: absolute;
	top: 11px;
	left: 0;
}

.group-help-title .help-ico:before {
	content: "\f543";
	font-size: 16px;
	width: 16px;
	height: 16px;
	font-weight: 400;
	font-family: dashicons;
}

.active .group-help-title .help-ico:before {
	content: "\f460";
}

.group-help-area:hover .help-ico:before {
	color: #41a0bb;
}

.group-help-content {
	display: none;
	font-size: 1.6rem;
	color: var(--be-grey-5);
	padding: 0 0 0 25px;
}

.group-help-content p {
	line-height: 200%;
}

.group-help-content-1 {
	display: block;
}

.group-help-num {
	width: 2.4rem;
	height: 2.4rem;
	color: var(--be-grey-9);
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.4rem;
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 3px;
	border-radius: 30px;
	border: 2px solid var(--be-grey-9);
}

.active .group-help-num,
.group-help-area:hover .group-help-num {
	color: #41a0bb;
	border: 2px solid #41a0bb;
}

.edit-help-but {
	position: absolute;
	top: 10px;
	right: 5px;
	opacity: 0;
}

.group-help-area:hover .edit-help-but {
	opacity: 1;
}

.group-edit {
	-webkit-transition: all 1.6s ease 0s;
	transition: all 1.6s ease 0s;
}

@media screen and (max-width: 768px) {
	.group-help-wrap {
		flex-wrap: wrap;
	}

	.group-help-img {
		width: 100%;
		height: 140px;
		margin: 0 0 10px;
	}

	.group-help-main {
		width: 100%;
		padding: 0;
	}

	.group-help-title {
		font-size: 1.4rem;
	}

	.group-help-content {
		font-size: 1.4rem;
	}

	.group-help-num {
		display: none;
	}
}

/** 14. 服务宗旨 **/
.group-service-box {
	position: relative;
	margin: 0 10px;
	color: var(--be-white);
}

#service-bg .service-rgb {
	-webkit-backdrop-filter: saturate(50%) blur(5px);
	backdrop-filter: saturate(50%) blur(5px);
	padding: 40px 0;
	background: var(--be-bg-cover);
}

.group-service-title {
	margin: 20px 0 0 0;
}

.group-service-title .be {
	color: var(--be-white) !important;
}

.group-service {
	width: 33.3333333333333333%;
}

.group-service-c {
	position: absolute;
	left: 33.3333333333333333%;
}

.group-service-l {
	float: left;
	padding: 10px 20px;
}

.group-service-r {
	float: right;
	padding: 10px 20px;
}

.group-service-l .service-ico {
	float: right;
	margin: 0 0 0 15px;
}

.group-service-r .service-ico {
	float: left;
	margin: 0 15px 0 0;
}

.service-ico {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid var(--be-white);
	transition: 0.45s;
	-webkit-transition: 0.45s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.p-4:hover .service-ico {
	transform: rotate(-720deg);
	-webkit-transform: rotate(-720deg);
}

.service-ico i {
	font-size: 24px !important;
}

.service-img {
	pointer-events: none;
}

.group-service .load {
	border-radius: 2px;
}

.group-service-l .p4 {
	float: right;
	text-align: right;
	width: 100%;
	margin: 10px 15px;
}

.group-service-r .p4 {
	float: left;
	text-align: left;
	width: 100%;
	margin: 10px 15px;
}

.p4-title-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	line-height: 35px;
}

.p4-title {
	width: 100%;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	text-shadow: 0 1px 1px #000;
}

.group-service-centre img,
.group-service-c img {
	float: left;
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 25px 0 0 0;
	border-radius: 5px;
}

.edit-service-but a {
	position: absolute;
	top: 15px;
	color: var(--be-yellow);
	display: none;
	background: transparent !important;
}

.p4-title-box:hover .edit-service-but a {
	display: block;
}

.group-service-l .edit-service-but a {
	right: 20px;
}

.group-service-r .edit-service-but a {
	left: 20px;
}

.p4-content {
	width: 100%;
	color: #ececec;
	line-height: 23px;
}

.group-service-content {
	font-size: 15px;
	line-height: 1.8;
	margin: 10px 0;
	padding: 10px;
}

@media screen and (max-width:768px) {
	.group-service-c img {
		margin: 10px 0 0 0;
	}

	.group-service-box {
		margin: 0;
	}

	.group-service {
		width: 100%;
	}

	.group-service-l .service-ico,
    .group-service-r .service-ico {
		float: left;
		margin: 0 8px 0;
	}

	.group-service-l .edit-service-but a {
		left: 20px;
	}

	.group-service-c {
		position: inherit;
		left: 0;
	}

	.group-service .p4 {
		text-align: left;
		margin: 15px 0;
	}

	.group-service-l,
    .group-service-r {
		width: 50%;
		padding: 3px;
	}
}

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

	.group-service-l,
    .group-service-r {
		width: 100%;
		padding: 3px;
	}
}

/* 17. 描述 */
.group-post-list {
	margin: 20px 0 10px;
}

.group-post-title {
	font-size: 22px;
	font-size: 2.2rem;
}

.group-post-excerpt {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 35px;
	margin: 10px 0;
}

.group-post-content {
	width: 60%;
	text-align: justify;
}

.group-post-img {
	position: relative;
	width: 40%;
	overflow: hidden;
	transform: rotate(0deg);
	border-radius: 8px;
}

.group-post-img:before {
	position: absolute;
	top: 20px;
	left: 20px;
	content: "";
	width: 30%;
	height: 30%;
	z-index: 1;
	pointer-events: none;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-radius: 5px 0 0 0;
}

.group-post-img:after {
	position: absolute;
	bottom: 20px;
	right: 20px;
	content: "";
	width: 30%;
	height: 30%;
	pointer-events: none;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-radius: 0 0 5px 0;
}

.group-post-img-cat a {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 3rem;
	color: var(--be-white);
	font-weight: 700;
	background: transparent !important;
	text-shadow: 0 2px 4px #000;
	transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
}

.group-post-more {
	width: 100%;
	text-align: center;
}

.group-post-more a {
	display: block;
	padding: 5px;
}

.group-post-more .be {
	color: var(--be-grey-6);
	font-size: 24px !important;
	display: inline-block;
	transition: 0.45s;
	-webkit-transition: 0.45s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotate(0);
	-webkit-transform: rotate(0);
}

.group-post-more:hover .be {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

.grl:nth-child(odd) .group-post-img {
	float: left;
}

.grl:nth-child(even) .group-post-img {
	float: right;
}

.grl:nth-child(odd) .group-post-content {
	float: left;
	padding: 0 5px 0 40px;
}

.grl:nth-child(even) .group-post-content {
	float: right;
	padding: 0 40px 0 5px;
}

.group-post-img img {
	float: left;
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

@media screen and (max-width: 640px) {
	.group-post-title {
		margin: 20px 0 0 0;
	}

	.group-post-content {
		width: 100%;
		padding: 0 !important;
	}

	.group-post-img {
		width: 100%;
		height: 140px;
	}
}

/** 18. 简介 **/
.group-brief-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.group-brief-bg {
	position: relative;
	width: 100%;
	padding-top: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	border-radius: 8px;
}

.group-brief-area {
	position: relative;
	padding: 18px 5px;
	display: flex;
	flex: 1;
	flex-direction: column;
}

.group-brief-title {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
}

.group-brief-url {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.group-brief-mark {
	position: absolute;
	top: 20px;
	left: 20px;
	color: var(--be-white);
	padding: 3px 10px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.2);
	-webkit-backdrop-filter: saturate(5) blur(20px);
	backdrop-filter: saturate(5) blur(20px);
}

/** 19. 展示模块 **/
.group-features .section-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 0 -10px;
}

.group-features .section-thumbnail {
	transform: rotate(0deg);
	border-radius: 8px;
	position: relative;
}

@media screen and (max-width:600px) {
	.group-features .g4 {
		width: 50%;
	}
}

#group-section .img-tab-site {
	overflow: inherit;
}

.box-4 {
	margin: 0 0 10px 0;
	padding: 10px 10px 5px 10px;
}

.section-thumbnail {
	max-width: 100%;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.section-thumbnail a img {
	float: left;
	max-width: 100%;
	width: 100%;
	height: auto;
}

.group-cat-img-more {
	width: 100%;
}

.group-cat-img-more a {
	text-align: center;
	display: block;
	padding: 5px 0;
}

.group-cat-img-more .be {
	color: var(--be-grey-6);
	font-size: 24px !important;
	display: inline-block;
	transition: 0.45s;
	-webkit-transition: 0.45s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotate(0);
	-webkit-transform: rotate(0);
}

.group-cat-img-more:hover .be {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

.g4-title {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	font-weight: 400;
	line-height: 35px;
	margin: 5px 10px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.g4 {
	position: relative;
	float: left;
	width: 25%;
	min-height: 1px;
	padding: 0 5px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.g5 {
	width: 20%;
}

.g6 {
	width: 16.66666666666667%;
}

@media screen and (max-width:1200px) {
	.g4 {
		width: 25%;
	}
}

@media screen and (max-width: 480px) {
	.g4 {
		width: 50%;
	}

	.group-tool-box {
		margin: 0 -2px;
	}

	.g-col .group-tool-box {
		margin: 0 -15px;
	}
}

.group-features .section-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 0 -10px;
}

.group-features .section-thumbnail {
	transform: rotate(0deg);
	border-radius: 8px;
	position: relative;
}

@media screen and (max-width:600px) {
	.group-features .g4 {
		width: 50%;
	}
}

#group-section .img-tab-site {
	overflow: inherit;
}

/** 20. 计数器 **/
.line-counter {
	position: relative;
	padding: 40px 0;
}

.line-counter:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: 1;
	background: var(--be-bg-cover);
}

.group-counter-box {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	z-index: 2;
	overflow: hidden;
	margin: 0 -5px 0 0;
}

.group-counter-main {
	text-align: center;
	padding: 40px 30px;
	margin: 0 -5px -1px 0;
	border-right: 1px solid #62707c;
	border-bottom: 1px solid #62707c;
}

.g-c-m-2 {
	width: 50%;
}

.g-c-m-3 {
	width: 33.33333333333333%;
}

.g-c-m-4 {
	width: 25%;
}

.group-counters-item .counter {
	color: var(--be-white);
}

.group-counter-title {
	font-size: 1.6rem;
	color: var(--be-white);
	margin: 10px 0 0 0;
}

.group-counters-icon i {
	font-size: 42px !important;
	color: var(--be-white);
	display: inline-block;
	margin: 0 0 25px 0;
}

.group-counter-main .counter {
	font-size: 3.8rem;
}

.group-counter-unit {
	color: var(--be-white);
	font-size: 1.5rem;
	font-weight: 700;
	vertical-align: 8%;
	padding: 0 0 0 3px;
}

@media screen and (max-width: 768px) {
	.g-c-m {
		width: 50%;
	}

	.group-counter-main .counter {
		font-size: 2.4rem;
	}

	.group-counter-unit {
		font-size: 1.2rem;
	}
}

/** 21. 合作 **/
.group-coop-main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	margin: 0 0 20px 0;
}

.group-coop-url {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.group-coop-img {
	position: relative;
	overflow: hidden;
	transform: rotate(0deg);
	border-radius: 8px;
}

.group-coop-title {
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	font-size: 1.4rem;
	color: var(--be-white);
	text-align: center;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 10px 10px;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.group-coop-img:hover .group-coop-title {
	bottom: 0;
}

.cover-des-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)) !important;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
}

.coop40 {
	position: relative;
}

.coop40 .bgimg.gray {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.coop-rotate .coop40 .bgimg {
	-webkit-transition: all 1s linear 30ms;
	transition: all 1s linear 30ms;
}

.coop-rotate .coop40 .bgimg:first-child {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.coop-items:hover .coop-rotate .coop40 .bgimg:last-child {
	opacity: 0;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: all .5s linear 10ms;
	transition: all .5s linear 10ms;
}

.coop-items:hover .coop-rotate .coop40 .bgimg:first-child {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: all .5s linear 10ms;
	transition: all .5s linear 10ms;
}

.coop-items {
	padding: 5px;
}

.coop-2 {
	width: 50%;
}

.coop-3 {
	width: 33.33333333333333%;
}

.coop-4 {
	width: 25%;
}

.coop-5 {
	width: 20%;
}

.coop-6 {
	width: 16.66666666666667%;
}

.coop-7 {
	width: 14.2%;
}

.coop-8 {
	width: 12.5%;
}

@media screen and (max-width: 768px) {
	.coop-items {
		width: 50%;
	}
}

/** 22. 分类左右图 **/
.gr-img .picture-cms-img {
	transform: rotate(0deg);
	border-radius: 8px;
}

.gr-img-title {
	font-size: 15px;
	padding: 15px;
	text-align: center;
	font-weight: 400;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.gr-cat-img {
	position: relative;
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 0 -10px;
}

.gr-cat-img a img {
	max-width: 100%;
	width: 100%;
	height: auto;
	float: left;
}

.cat-gr2 {
	position: relative;
	float: left;
	width: 50%;
	padding: 0 10px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

.gr-cat-container {
	margin: 0 0 15px 0;
}

.group-cat {
	margin: 0 -10px;
}

.gr2 {
	float: left;
	min-height: 1px;
	padding: 0 20px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}

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

@media screen and (min-width:480px) {
	.gr2 {
		width: 50%;
	}
}

@media screen and (max-width: 700px) {
	.gr2 {
		width: 100%;
	}
}

@media screen and (max-width:330px) {
	.cat-gr2 {
		width: 100%;
	}
}

.group-cat .gr-thumbnail {
	max-width: 100%;
	width: 100%;
	height: auto;
	overflow: hidden;
	transform: rotate(0deg);
	border-radius: 8px;
}

.group-cat .gr-thumbnail a img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.gr-cat-title a {
	font-size: 20px;
	font-size: 2rem;
	display: block;
	line-height: 35px;
	margin: 0 0 10px 0;
}

.gr-cat-more {
	float: right;
	color: var(--be-grey-9);
	font-weight: 400;
	display: inline-block;
	margin: 0 10px 0 0;
	transition: 0.45s;
	-webkit-transition: 0.45s;
}

.gr-cat-title a:hover .gr-cat-more {
	transform: rotate(-270deg);
	-webkit-transform: rotate(-270deg);
}

.gr-cat-more i {
	font-size: 20px !important;
}

.gr-img-t {
	position: relative;
}

.gr-title-img {
	font-size: 15px;
	color: var(--be-grey-3);
	text-align: center;
	line-height: 210%;
	padding: 10px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.gr-title-img a,
.gr-title-img a:hover {
	color: var(--be-grey-3);
	font-weight: 400;
}

.gr-title {
	font-size: 18px;
	font-size: 1.8rem;
	width: 98%;
	line-height: 210%;
	margin: 10px 0 0 0;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

h2.group-list-title {
	font-weight: 400;
}

.gr-cat-list {
	margin: 0 0 10px 0;
}

.gr-cat-area .cat-main {
	color: var(--be-grey-9);
}

.gr-wd-box {
	margin: 0 -30px;
}

.gr-wd-b {
	margin: 17px 0;
}

.gr-wd {
	width: 50%;
	padding: 0 30px;
}

.gr-wd-w {
	margin: -10px 0 0 0;
}

.gr-wd,
.gr-wd-img {
	float: left;
}

.gr-wd-img {
	position: relative;
}

.grl-img:nth-child(odd) .gr-wd-img {
	float: right;
}

.gr-wd-url a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.gr-cat-wd {
	position: absolute;
	top: 30px;
	left: 30px;
	font-size: 1.5rem;
	color: var(--be-white);
	font-weight: 700;
	padding: 5px 15px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.4);
	-webkit-backdrop-filter: saturate(5) blur(20px);
	backdrop-filter: saturate(5) blur(20px);
}

.grl-img:nth-child(odd) .gr-cat-wd {
	position: absolute;
	top: 30px;
	left: auto;
	right: 30px;
}

.gr-cat-wd-title {
	float: left;
	width: 100%;
}

.group-top-img {
	position: relative;
	overflow: hidden;
	transform: rotate(0deg);
	border-radius: 8px;
}

.gr-wd-img img {
	float: left;
	height: auto;
	max-width: 100%;
	width: 100%;
	border-radius: 2px;
}

.gr-wd-w p {
	color: var(--be-grey-6);
	padding: 10px 0;
}

.gr-wd .list-title a {
	width: 100%;
	font-size: 1.6rem;
	line-height: 35px;
}

.gr-wd-w ul i {
	margin: 0 10px 0 0;
}

@media screen and (min-width: 1025px) {
	.gr-wd-title {
		margin: 0;
	}
}

@media screen and (max-width: 1025px) {
	.gr-wd-box {
		margin: 0 -10px;
	}

	.gr-wd-img,
    .gr-wd-w {
		padding: 0 15px;
	}

	.gr-wd-img {
		width: 100%;
		text-align: center;
	}

	.gr-wd {
		width: 100%;
	}

	.group-top-img {
		height: 140px;
	}
}

/** 23/26/28 小工具 **/
.group-widget h3 {
	font-size: 20px;
	font-size: 2rem;
	margin: 10px 0;
}

.group-widget .t_img_cat h3 {
	padding: 0;
}

.group-widget .widget-title .more-i {
	margin: 0;
}

.group-widget .cat-w-icon {
	background: transparent;
	border-bottom: none;
}

.group-widget .cat-w-icon i {
	font-size: 18px !important;
}

#group-widget-one .widget {
	margin: 0;
}

#group-widget-one .widget .be-counter-main {
	justify-content: center;
}

.group-widget .add-widgets {
	background: var(--be-bg-white);
	text-align: center;
	margin: 0 auto 10px;
	padding: 30px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 0 0 1px var(--be-shadow);
}

#group-widget-three {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 8px -10px 0 -10px;
}

.group-widget .xl3 {
	float: left;
	width: 33.3333333333333333%;
	padding: 0 20px;
}

#group-widget-two {
	margin: 0 -20px;
}

.group-widget .xl2 {
	padding: 0 20px;
}

#group-widget-one .widget_nav_menu {
	margin: 0 -5px 0 -2px;
	padding: 0;
}

#group-widget-one .widget_nav_menu ul {
	float: left;
	margin: 0;
	padding: 0;
}

#group-widget-three .t_img_cat {
	position: relative;
}

#group-widget-three .t_img_cat .widget-title {
	position: absolute;
	top: 10px;
	left: 20px;
	font-weight: 400;
	z-index: 1;
	padding: 4px 12px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.4);
	-webkit-backdrop-filter: saturate(5) blur(20px);
	backdrop-filter: saturate(5) blur(20px);
}

#group-widget-three .t_img_cat .widget-title a,
#group-widget-three .t_img_cat .widget-title {
	font-size: 1.4rem;
	color: var(--be-white);
}

#group-widget-three .t_img_cat .more-i {
	display: none;
}

.no-group-shadow>.xl3>.boxs1:hover {
	-webkit-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.group-widget .widget ul li {
	line-height: 35px;
	font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
	#group-widget-three .t_img_cat {
		margin: 10px 0 0 0;
	}

	.group-widget .xl3 {
		width: 100%;
	}

	#group-widget-three .t_img_cat .w-thumbnail {
		height: 100px;
	}
}

/** 24. 最新文章 **/
.group-news-line .g-col {
	padding: 20px 0 10px 0;
}

.group-news .acx-ajax-container {
	padding: 0 5px;
}

/* 30. 分类选项卡 */
.group-tabs-content .acx-filter-div .bea-texonomy {
	background: transparent;
	font-size: 16px;
	font-size: 1.6rem;
	color: var(--be-grey-4);
	font-weight: 700;
	margin: 0 4px 8px 4px;
	padding: 8px;
	box-shadow: none;
}

.group-tabs-content .picture-area .post {
	padding: 0 10px;
}

.group-tabs-content .picture-box {
	background: transparent;
	margin: 0 0 20px 0;
	border: none;
	box-shadow: none;
}

.group-tabs-content .picture-img {
	overflow: hidden;
	transform: rotate(0deg);
	border-radius: 8px;
}

.group-tabs-content .bea-texonomy:hover,
.group-tabs-content .bea-texonomy.active {
	color: var(--be-grey-4);
}

.group-tabs-content .bea-texonomy:before {
	background: transparent;
	content: "";
	width: 3px;
	height: 5px;
	display: inline-block;
	vertical-align: -8%;
	margin: 0 5px 0 0;
	border-radius: 3px;
}

.group-tabs-content .bea-texonomy:hover:before {
	background: var(--be-bg-cyan);
	height: 6px;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.group-tabs-content .bea-texonomy.active:before {
	background: var(--be-bg-yellow);
	height: 17px;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.group-tab-img-meta .grid-inf {
	display: none;
}

.group-tabs-content .ajax-cat-post-wrap .grid-title {
	font-size: 1.6rem;
}

.group-tabs-content .ajax-cat-post-wrap .grid-title-sub {
	font-weight: 700;
}

.group-tabs-content .ajax-cat-post-wrap .grid-title span {
	font-size: 1.3rem;
	font-weight: 400;
	display: block;
}

.group-tab-title-c .ajax-cat-post-wrap .grid-title {
	text-align: center;
}

/** 31. 展望 **/
.group-outlook-bg {
	position: relative;
	overflow: hidden;
}

.group-outlook-rgb {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	webkit-backdrop-filter: saturate(100%) blur(2px);
	backdrop-filter: saturate(100%) blur(2px);
}

.group-outlook-dec {
	background: linear-gradient(to right, rgba(23, 9, 49, .6) 0%, rgba(30, 95, 116, .6) 100%);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 0;
}

.group-outlook-box {
	width: 100%;
	padding: 20px;
}

.group-outlook-title {
	font-size: 3.6rem;
	color: var(--be-white);
	line-height: 26px;
	text-align: center;
	margin: 20px 0 30px 0;
}

.group-outlook-content {
	width: 80%;
	font-size: 2.1rem;
	color: var(--be-white);
	line-height: 2;
	margin: 30px auto;
}

.group-outlook-rgb .g-col {
	position: relative;
	z-index: 1;
}

.single-content .group-outlook-rgb .g-col {
	width: 100%;
}

.group-outlook-more {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 30px auto 40px auto;
}

.group-outlook-more a {
	background: var(--be-bg-btn);
	font-size: 1.5rem;
	color: var(--be-white);
	text-align: center;
	margin: 0 10px;
	padding: 10px 30px;
	border-radius: 5px;
}

a.group-outlook-btn {
	background: var(--be-bg-grey-5);
}

.group-outlook-more a:hover {
	background: var(--be-bg-glass);
	color: var(--be-grey-4);
}

.text-back div,
.text-back p {
	text-indent: 2em;
	margin: 0 0 5px 0;
}

@media screen and (max-width: 900px) {
	.group-outlook-content {
		width: 90%;
		font-size: 1.4rem;
	}

	.group-outlook-title {
		font-size: 2.3rem;
		line-height: 22px;
		margin: 10px 0;
	}
}

/** 32. 投资渠道 **/
.group-channel-main {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.group-channel-item {
	width: 33.33333333%;
	padding: 10px;
}

.channel-column-3 {
	width: 33.33333333%;
}

.channel-column-4 {
	width: 25%;
}

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

	.channel-column-3,
    .channel-column-4 {
		width: 100%;
	}
}

.group-channel-content {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.group-channel-content:before {
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.group-channel-content:hover:before {
	background: var(--be-bg-cover);
}

.group-channel-area {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	color: var(--be-white);
	z-index: 2;
	padding: 30px;
}

.group-channel-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-position: 50% 50% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.group-channel-title {
	font-size: 2.2rem;
	font-weight: 700;
	margin: 0 0 10px 0;
}

.group-channel-text {
	font-size: 1.6rem;
	margin: 10px 0;
}

.group-channel-perch {
	margin: 0 0 80px 0;
}

.group-channel-btn {
	display: flex;
	flex-wrap: wrap;
}

.group-channel-btn.btnright {
	position: absolute;
	right: 30px;
	bottom: 30px;
}

.group-channel-btn.btnleft {
	position: absolute;
	left: 30px;
	bottom: 30px;
}

.group-channel-btn a {
	background: var(--be-bg-red);
	display: inline-block;
	color: var(--be-white);
	padding: 7px 15px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.group-channel-btn a:hover {
	background: var(--be-bg-grey-6);
}

.group-channel-btn a:hover {
	color: var(--be-grey-3);
	background: var(--be-bg-glass);
	-webkit-backdrop-filter: saturate(5) blur(20px);
	backdrop-filter: saturate(5) blur(20px);
}

.group-channel-btnb {
	margin: 0 0 0 10px;
}

.group-channel-btn .group-channel-btnb {
	background: var(--be-bg-btn);
}

/** 34. 两栏分类 **/
.grf-cat-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 35px 0 0 0;
}

.grf-cat-item {
	width: 45%;
	margin: 0 0 30px 0;
}

.grf-thumbnail {
	position: relative;
	margin: 0 0 10px 0;
}

.grf-thumbnail img {
	text-align: center;
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.grf-cat-name {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 1.5rem;
	font-weight: 400;
	color: var(--be-white);
	padding: 5px 15px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.3);
	-webkit-backdrop-filter: saturate(5) blur(20px);
	backdrop-filter: saturate(5) blur(20px);
	transform: translateZ(0);
}

@media screen and (max-width: 768px) {
	.grf-cat-item {
		width: 100%;
	}
}

/** 37. 软件下载 **/
.flexbox-card-box {
	margin: 0 0 10px 0;
}

/** 41. 图文简介 **/
.group-intro-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 0 -10px;
}

.group-intro-box .group-title {
	margin: 10px 0 0 0;
}

.group-intro-item {
	background: transparent;
	position: relative;
	height: 100%;
	padding: 15px 20px;
	border-radius: 8px;
	-webkit-transition: background 0.4s ease;
	transition: background 0.4s ease;
}

.group-intro-item.group-intro-bg {
	background: var(--be-bg-white);
	box-shadow: 0 0 0 1px var(--be-shadow);
}

.group-intro-item:hover {
	background: var(--be-bg-white);
	box-shadow: 0 0 0 1px var(--be-shadow);
}

.group-intro-title {
	font-size: 1.8rem;
	line-height: 180%;
	margin: 0 0 10px 0;
}

.group-intro-content p {
	font-size: 1.5rem;
	margin: 0 0 5px 0;
}

.group-intro-content-em p {
	text-indent: 2em;
}

.group-intro-title-c,
.group-intro-c {
	text-align: center;
}

.group-intro-content img {
	max-width: 100%;
	height: auto;
	margin: 10px auto;
	border-radius: 5px;
}

.group-intro-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.intro-3 {
	width: 33.33333333333333%;
}

.intro-4 {
	width: 25%;
}

.intro-5 {
	width: 20%;
}

.intro-6 {
	width: 16.66%;
}

@media screen and (max-width: 768px) {
	.group-intro {
		width: 50%;
	}
}

@media screen and (max-width: 480px) {
	.group-intro {
		width: 100%;
	}
}

/** 42. 解决方案 **/
.group-scheme-main {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	margin: 0 0 30px 0;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid var(--be-border-grey);
}

.group-scheme-item {
	position: relative;
	width: 25%;
}

.group-scheme-2 {
	width: 50%;
}

.group-scheme-4 {
	width: 25%;
}

.group-scheme-6 {
	width: 16.66666666666667%;
}

.group-scheme-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-position: 50% 50% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.group-scheme-item:nth-child(even) .group-scheme-bg {
	top: 50%;
}

.group-scheme-item:hover .group-scheme-bg {
	-webkit-filter: grayscale(80%);
	filter: grayscale(80%);
	-webkit-transition: all .25s;
	transition: all .25s;
}

.group-scheme-area {
	background: var(--be-bg-white);
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 50%;
	padding: 25px 30px;
	-webkit-transition: all .25s;
	transition: all .25s;
}

.group-scheme-main .group-scheme-item:nth-child(odd) .group-scheme-area {
	bottom: 0;
}

.group-scheme-area:hover {
	height: 60%;
	color: var(--be-white);
	background: var(--be-bg-btn);
}

.group-scheme-number {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 10px 0;
}

.group-scheme-title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 10px 0;
}

.group-scheme-des {
	font-size: 1.5rem;
}

.group-scheme-text-hide {
	opacity: 0;
}

.group-scheme-area:hover .group-scheme-text-hide {
	opacity: 1;
}

.group-scheme-url {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

@media screen and (max-width: 900px) {
	.group-scheme-item {
		width: 50%;
	}

	.group-scheme-number {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.5;
		margin: 0 0 10px 0;
	}

	.group-scheme-title {
		font-size: 1.6rem;
		line-height: 1.5;
		margin: 0 0 10px 0;
	}
}

@media screen and (max-width: 520px) {
	.group-scheme-item {
		width: 100%;
	}

	.group-scheme-area {
		bottom: 0;
	}

	.group-scheme-item:nth-child(even) .group-scheme-bg {
		top: 0;
	}
}

/** 43. 联系我们 **/
.group_email {
	position: relative;
}

.group_email:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: 1;
	background: var(--be-bg-cover);
}

.group_email .group-title {
	position: relative;
	color: var(--be-white);
	z-index: 2;
}

.group_email .group-title h3:after,
.group_email .group-title h3:before {
	display: none;
}

.group-email-main {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	z-index: 2;
}

.group-email-item {
	width: 50%;
}

.group-email-form {
	padding: 0 10px;
}

.group-email-form .mail-label {
	color: var(--be-white);
}

.group-email-form .contact-form .notice {
	color: var(--be-white);
}

.group-email-form .contact-form input,
.group-email-form .contact-form textarea {
	margin-bottom: 0;
	padding: 5px 8px;
}

.group-email-form .item {
	width: 100%;
}

.group-email-inf {
	color: var(--be-white);
	font-size: 1.6rem;
	line-height: 2;
	padding: 30px 40px 10px 10px;
}

.group-email-inf p {
	margin: 0 0 10px 0;
}

.group-email-inf img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	display: block;
	margin: 15px auto;
	overflow: hidden;
	border-radius: 5px;
}

@media screen and (max-width: 768px) {
	.group-email-item {
		width: 100%;
	}

	.group-email-inf {
		padding: 30px 10px;
	}
}

/** 45. 图片视频 **/
.group-des-item {
	display: flex;
	flex-wrap: wrap;
	margin: 22px 0;
}

.group-des-item.group-des-img-r {
	flex-direction: row-reverse;
}

.group-des-area {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	width: 50%;
}

.group-des-img-l .group-des-content,
.group-des-img-r .group-des-img {
	padding: 0 10px 0 20px;
}

.group-des-img-l .group-des-img,
.group-des-img-r .group-des-content {
	padding: 0 20px 0 10px;
}

.group-des-img img {
	float: left;
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.group-des-video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 8px;
	cursor: pointer;
	overflow: hidden;
}

.group-des-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.youtubevideo {
	position: relative;
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 8px;
}

.youtubevideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtubevideo {
	cursor: pointer;
}

.youtubevideo img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.group-des-item .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	z-index: 2;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.4);
	-webkit-backdrop-filter: saturate(5) blur(20px);
	backdrop-filter: saturate(5) blur(20px);
	transition: 0.3s all ease-in-out;
}

.youtubevideo:hover .play-btn,
.group-des-video-box:hover .play-btn {
	background: #c40000;
	opacity: 0.8;
}

.youtubevideo .play-btn:hover,
.group-des-video-box .play-btn:hover {
	opacity: 1;
}

.group-des-item .play-btn::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 62%;
	transform: translate(-50%, -50%);
	border: 10px solid transparent;
	border-left: 16px solid var(--be-border-white);
}

.group-des-content {
	align-items: center;
}

.group-des-content h3 {
	font-size: 3rem;
	line-height: 1.5;
	margin: 0 0 20px 0;
}

.group-des-text {
	font-size: 1.8rem;
	line-height: 1.8;
}

.group-des-btn {
	margin: 25px 0;
}

.group-des-btn a {
	color: var(--be-bg-btn);
	font-size: 1.5rem;
	display: inline-block;
	padding: 6px 20px;
	border-radius: 5px;
	border: 1px solid var(--be-bg-btn);
}

.group-des-btn a:hover {
	color: var(--be-bg-grey-6);
	border: 1px solid var(--be-bg-grey-6);
}

@media screen and (max-width: 768px) {
	.group-des-item {
		margin: 0;
	}

	.group-des-item.group-des-img-r,
    .group-des-item {
		flex-direction: column-reverse;
	}

	.group-des-area {
		width: 100%;
	}

	.group-des-img-r .group-des-img,
    .group-des-img-r .group-des-content,
    .group-des-img-l .group-des-img,
    .group-des-img-l .group-des-content {
		padding: 10px;
	}

	.group-des-btn a {
		font-size: 1.5rem;
		padding: 5px 20px;
	}
}

/** 46. 专题新闻 **/
.group-special-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0 35px 0;
}

.group-special-r {
	flex-direction: row-reverse;
}

.group-special-cat {
	position: relative;
	width: 30%;
	width: calc(30% - 15px);
	height: auto;
	overflow: hidden;
	margin: 12px 0 0 0;
	border-radius: 8px;
}

.group-special-cat:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: 1;
	opacity: 0;
	background: var(--be-bg-cover);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.group-special-cat:hover:before {
	opacity: 1;
}

.group-special-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.group-special-img-text {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 1;
	color: var(--be-white);
	line-height: 1.6;
	padding: 20px;
}

.group-special-img-text a {
	color: var(--be-white);
}

.group-special-title {
	font-size: 3rem;
}

.group-special-des {
	font-size: 1.6rem;
	margin: 10px 0;
}

.group-special-list {
	width: 68%;
}

.group-special-list .apc-post-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.group-special-list .apc-list-item {
	width: calc(50% - 15px);
	border-bottom: 1px solid var(--be-border-grey);
}

.group-special-list .apc-post-item .post {
	background: transparent;
	margin: 0;
	box-shadow: none;
}

.group-special-list .archive-list-inf {
	display: none;
}

.group-special-list h2 a {
	position: relative;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 400;
	display: block;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 15px 15px 15px 0;
}

.group-special-list h2 a:after {
	position: absolute;
	top: 16px;
	right: 0;
	content: "\e77a";
	font-family: be;
	font-size: 20px !important;
	color: var(--be-grey-9);
}

.group-special-list .apc-post-item {
	float: left;
	width: 100%;
}

.group-special-list .apc-list-box .apc-post-item {
	box-shadow: none;
}

.group-special-list .apc-navigation,
.group-special-list .apc-posts-navigation {
	text-align: right;
	margin: 20px 0 0 0;
	padding: 0 10px;
}

.group-special-r .apc-navigation,
.group-special-r .apc-posts-navigation {
	text-align: left;
}

@media screen and (max-width: 768px) {
	.group-special-box {
		margin: 10px 0;
	}

	.group-special-list .apc-list-item,
    .group-special-list {
		width: 100%;
	}

	.group-special-cat {
		width: 100%;
		height: 200px;
	}
}

/** 47. 设备设施 **/
.group-facility {
	position: relative;
}

.group-facility-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 0 -10px;
}

.group-facility-item {
	width: 33.333333%;
	margin: 0 0 20px 0;
	padding: 0 10px;
}

.facility-column3 {
	width: 33.333333%;
}

.facility-column4 {
	width: 25%;
}

.facility-column5 {
	width: 20%;
}

.facility-column6 {
	width: 16.666666666666%;
}

@media screen and (max-width: 768px) {
	.group-facility-item {
		width: 50%;
	}
}

@media screen and (max-width: 520px) {
	.group-facility-item {
		width: 100%;
	}
}

.group-facility-area {
	background: transparent;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 0 0 1px var(--be-shadow);
}

.facility-overlay .group-facility-area {
	color: var(--be-white);
}

.facility-img a {
	border-radius: 8px;
}

.group-facility-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	font-size: 1.5rem;
	font-weight: 400;
	color: var(--be-white);
	height: 80px;
	pointer-events: none;
	margin: 0;
	padding: 10px 15px 75px 15px;
	border-radius: 0 0 8px 8px;
	transition: All .4s ease-in-out;
	-webkit-transition: All .4s ease-in-out;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.facility-title-big .group-facility-title {
	font-size: 2rem;
	font-weight: 700;
}

.facility-title-center .group-facility-title {
	text-align: center;
}

.group-facility-title a {
	color: var(--be-white);
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
	overflow: hidden;
	margin: 10px 0 0;
}

.group-facility-title span {
	font-size: 1.3rem;
	font-weight: 400;
	display: block;
}

.group-facility-cat {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	padding: 20px;
}

.facility-overlay .group-facility-cat {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.facility-overlay .group-facility-area:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.4);
}

.group-facility-url {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 3;
}

.group-facility-cat-title {
	font-size: 3rem;
}

.group-facility-des {
	font-size: 1.6rem;
	margin: 10px 0;
}

.facility-overlay .group-facility-des {
	font-size: 1.5rem;
}

.group-facility-btn {
	display: inline-block;
	color: var(--be-bg-btn);
	font-size: 1.6rem;
	margin: 10px 0;
	padding: 5px 20px;
	border-radius: 50px;
	border: 2px solid var(--be-bg-btn);
}

.facility-overlay .group-facility-btn {
	color: var(--be-white);
	font-size: 1.4rem;
	padding: 3px 20px;
	border: 2px solid var(--be-white);
}

/** 48. 公司形象 **/
.group-identity-box {
	position: relative;
	display: flex;
	width: 100%;
	gap: 0;
}

.right.group-identity-box {
	flex-direction: row-reverse;
}

.group-identity-area {
	width: 50%;
}

.group-identity-r {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}

.group-identity-r.column2 .group-identity-item {
	width: 50%;
}

.group-identity-r.column3 .group-identity-item {
	width: 33.33333333333333%;
}

.group-identity-item {
	position: relative;
}

.group-identity-img {
	position: relative;
	width: 100%;
}

.group-identity-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.group-identity-title {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.group-identity-item:hover .group-identity-title {
	background: rgba(0, 0, 0, 0.6);
}

.group-identity-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 100%;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
	line-height: 130%;
	z-index: 1;
	padding: 10px;
}

.group-identity-l .group-identity-text {
	font-size: 3.2rem;
}

.group-identity-text-a {
	font-size: 1.6rem;
}

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

	.right.group-identity-box,
    .group-identity-box {
		flex-direction: column;
	}

	.group-identity-area {
		width: 100%;
	}

	.group-identity-r {
		display: flex;
		flex-wrap: wrap;
	}

	.group-identity-r .group-identity-item {
		width: 50%;
	}

	.group-identity-text {
		font-size: 1.5rem;
	}

	.group-identity-l .group-identity-text {
		left: 50%;
		font-size: 1.8rem;
	}

	.group-identity-text-a {
		font-size: 1.3rem;
	}
}

/** 49. 主打产品 **/
.group-goods-box {
	position: relative;
	overflow: hidden;
}

.group-goods-main {
	display: flex;
	flex-wrap: wrap;
	padding: 100px 100px;
}

.group-goods-box.left .group-goods-main {
	flex-direction: row-reverse;
}

.group-goods-area {
	position: relative;
	width: 30%;
}

.group-goods-blank {
	width: 70%;
}

.group-goods-title {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 120%;
	padding: 20px 0;
}

.group-goods-title.goods-title-ico {
	margin: 0 0 20px 80px;
}

.group-goods-title-ico {
	background: #838383;
	position: absolute;
	top: -100px;
	left: 0px;
	width: 68px;
	height: 186px;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	border-radius: 0 0 5px 5px;
}

.group-goods-title-img {
	max-width: 100%;
	width: 100%;
	height: auto;
	padding: 10px;
}

.group-goods-des {
	font-size: 1.4rem;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}

.group-goods-text {
	padding: 20px 0;
}

.group-goods-text a {
	font-size: 1.6rem;
	display: inline-block;
	width: 100%;
	line-height: 180%;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px 0;
}

.group-goods-btn a {
	font-size: 1.7rem;
	display: block;
	padding: 10px 0;
}

.group-goods-box.white .group-goods-area,
.group-goods-box.white .group-goods-area a {
	color: var(--be-white);
}

@media screen and (max-width:1025px) {
	.group-goods-main {
		padding: 50px 20px;
	}

	.group-goods-area {
		width: 100%;
	}

	.group-goods-blank {
		width: 0%;
	}

	.group-goods-title-ico {
		position: absolute;
		top: -70px;
	}
}

/** 50. 相关信息 **/
.group-grid-box {
	display: grid;
	gap: 1px;
	background: rgba(0, 0, 0, 0.073);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.073);
	border-radius: 8px;
	overflow: hidden;
}

.grid-2 {
	grid-template-columns: 1fr 1fr;
}

.grid-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.group-grid-item {
	background: var(--be-bg-white);
}

@media screen and (max-width: 768px) {
	.group-grid-box {
		grid-template-columns: 1fr;
	}
}

.group-relevant-box {
	margin: 0 0 10px 0;
}

.group-relevant-content {
	position: relative;
	height: 100%;
	transition: background-color 0.3s ease;
}

.group-relevant-content:hover {
	background: var(--be-bg-grey-f8);
}

.group-relevant-bg {
	width: 100%;
	padding-top: 20%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.group-relevant-area {
	padding: 20px;
}

.group-relevant-mark {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.8;
	color: var(--be-grey-6);
	margin: 0 0 10px 0;
}

.group-relevant-title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	margin: 0 0 5px 0;
}

.group-relevant-text {
	font-size: 1.4rem;
	line-height: 1.7;
	color: var(--be-grey-6);
}

.group-relevant-url {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/** 51. 品牌推广 **/
.group-brands-content {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	height: 100%;
	border-radius: 8px;
	background: var(--be-bg-white);
	box-shadow: 0 0 0 1px var(--be-shadow);
}

.group-brands-bg {
	position: relative;
	width: 100%;
	padding-top: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.group-brands-area {
	padding: 18px;
	display: flex;
	flex: 1;
	flex-direction: column;
}

.group-brands-mark {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	color: var(--be-grey-6);
	margin: 0 0 10px 0;
}

.group-brands-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

.group-brands-text {
	font-size: 15px;
	line-height: 1.7;
	margin-top: 8px;
	flex: 1;
	color: var(--be-grey-6);
}

.group-brands-url {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/** 51. 自定义 **/
.g-col-full {
	position: relative;
}

.group-html-wrap {
	padding: 20px 0;
}

.g-col-full .be-help-box {
	top: 72px;
	left: 50%;
	margin: 0 15px 15px -12px;
}