html,
body {
	position: relative;
	height: 100%;
}
.container {
	height: 100%;
}
.container {
	min-width: 1280px;
	overflow-x: auto;
}
.fullPage_title {
	width: 100%;
	height: 1000px;
	overflow: hidden;
	position: relative;
}
.fullPage_title .background-video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
	/* background: url(../images/bg_dot.png)  rgba(0,0,0,.2)  left top repeat; */
}
.fullPage_title .overlay-black {
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	z-index: 1;
}
.fullPage_title .background-video video {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scale(1);
	z-index: 0;
}
.fullPage_title .background-video::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://bfc-media.domobcdn.com/www/bg_dot.png) left top
		repeat;
}
/* 大文字 动画效果 */
.fullPage_title .title {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 85%;
	top: 30%;
	left: 0;
}
.fullPage_title .font-ol-title {
	position: relative;
	overflow: hidden;
	/* width:356px; */
	height: 115px;
	margin: 0 auto;
}
.fullPage_title .font-ol-title .f {
	height: 115px;
	/* width:300px; */
	margin: 0 auto;
}
.fullPage_title .font-ol-title .o {
	vertical-align: top;
	overflow: inherit;
}
.fullPage_title .font-ol-title span {
	opacity: 0;
	font-size: 80px;
	font-weight: 500;
	color: #fff;
	transition: all 0.5s ease;
	display: block;
	-webkit-transform: translate(0px, 200px);
	transform: translate(0px, 200px);
}

.fullPage_title.active .font-ol-title span {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.fullPage_title .font-ol-title_add {
	position: relative;
	overflow: hidden;
	/* width:356px; */
	height: 60px;
	margin: 0px auto 0;
}
.fullPage_title .font-ol-title_add .f {
	height: 60px;
	/* width:300px; */
	margin: 0 auto;
}
.fullPage_title .font-ol-title_add .o {
	vertical-align: top;
	overflow: inherit;
}
.fullPage_title .font-ol-title_add span {
	opacity: 0;
	font-size: 46px;
	/* font-weight: 600; */
	color: #fff;
	transition: all 0.5s ease;
	display: block;
}
.effect_T .font-ol-title_add span {
	font-size: 42px;
}
.seas_T .font-ol-title_add .o {
	vertical-align: top;
	overflow: inherit;
	text-align: center;
}
.seas_T .font-ol-title .o {
	vertical-align: top;
	overflow: inherit;
	width: 83px;
	text-align: center;
}
.brands_T .font-ol-title_add .o {
	vertical-align: top;
	overflow: inherit;
}
.brands_T .font-ol-title_add .o {
	vertical-align: top;
	overflow: inherit;
	/*width: 45px;*/
	text-align: center;
}
.effect_T .font-ol-title .o {
	vertical-align: top;
	overflow: inherit;
	width: 94px;
	text-align: center;
}
.effect_T .font-ol-title_add .o {
	vertical-align: top;
	overflow: inherit;
}
.fullPage_title .font-ol-title_add span {
	-webkit-transform: translate(0px, 100px);
	transform: translate(0px, 200px);
}

.active.fullPage_title .font-ol-title_add span {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
/* title 整行文字动画 */
.fullPage_title .font-ol-info {
	display: block;
	text-align: center;
	font-size: 24px;
	color: #fff;
	width: 100%;
	height: 30px;
	margin: 60px auto 0;
}
.fullPage_title .font-ol-info .f {
	height: 100%;
}
.fullPage_title .font-ol-info .o {
	height: 100%;
	display: inline-block;
	vertical-align: top;
	overflow: inherit;
}
.fullPage_title .font-ol-info span {
	opacity: 0;
	height: 100%;
	display: inline-block;
	transition: all 0.5s ease;
	letter-spacing: 8px;
	-webkit-transform: translate(0px, 50px);
	transform: translate(0px, 50px);
}
.active.fullPage_title .font-ol-info span {
	opacity: 1;
	-webkit-transform: translate(0px, 2px);
	-webkit-transition-delay: 0.6s;
	transform: translate(0px, 2px);
	transition-delay: 0.6s;
}
/* 副标题 动画 */

.little_title .font-ol-title_ZN {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 85px;
	color: #1f2022;
	font-size: 18px;
	font-weight: 600;
	overflow: hidden;
}
.little_title .font-ol-title_EN {
	/*width:500px;*/
	height: 73px;
	color: #1f2022;
	font-size: 70px;
	/* font-weight:600; */
	overflow: hidden;
	text-align: left;
	line-height: 80px;
}
.little_title .font-ol-title_Text {
	width: 500px;
	height: 25px;
	color: #1f2022;
	font-size: 20px;
	overflow: hidden;
	text-align: left;
	line-height: 25px;
}

.little_title .font-ol-title_ZN .f {
	height: 25px;
}
.little_title .font-ol-title_ZN .o {
	vertical-align: top;
	overflow: hidden;
}
.little_title .font-ol-title_ZN span {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	transition: transform 0.7s ease;
	display: block;
}
.little_title .font-ol-title_ZN span {
	-webkit-transform: translate(0px, 80px);
	transform: translate(0px, 80px);
}

.little_title .font-ol-title_EN .f {
	width: 500px;
	height: 70px;
}
.little_title .font-ol-title_EN .o {
	vertical-align: top;
	overflow: hidden;
}
.little_title .font-ol-title_EN span {
	font-size: 70px;
	font-weight: 500;
	color: #000;
	transition: transform 0.5s ease;
	display: block;
}
.little_title .font-ol-title_EN span {
	-webkit-transform: translate(0px, 90px);
	transform: translate(0px, 90px);
}

.little_title .font-ol-title_Text .f {
	width: 600px;
	height: 25px;
}
.little_title .font-ol-title_Text .o {
	vertical-align: top;
	overflow: hidden;
}
.little_title .font-ol-title_Text span {
	font-size: 18px;
	color: #000;
	transition: all 0.5s;
	display: block;
}
.little_title .font-ol-title_Text span {
	-webkit-transform: translate(0px, 30px);
	transform: translate(0px, 30px);
}

/* 优势 ADVANTAGE__ */

.advantage {
	width: 100%;
	/* padding: 30px 0 70px; */
	background: #ffffff;
	height: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.advantage .content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.active.advantage.little_title .font-ol-title_ZN span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.active.advantage.little_title .font-ol-title_EN span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.active.advantage.little_title .title-adv-pic {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.little_title .title-adv-pic {
	transition: transform 1s ease;
	display: block;
}
.little_title .title-adv-pic {
	-webkit-transform: translate(0px, 200px);
	transform: translate(0px, 200px);
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.advantage .font-line-text {
	display: block;
	text-align: center;
	font-size: 24px;
	color: #1f2022;
	height: 85px;
	margin-top: 15px;
}
.advantage .font-line-text span b {
	font-weight: 600;
}
.advantage .font-line-text .f {
	height: 100%;
}
.advantage .font-line-text .o {
	height: 100%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.advantage .font-line-text span {
	height: 100%;
	line-height: 37px;
	display: inline-block;
	transition: all 1.1s;
	-webkit-transform: translate(0px, 85px);
	transform: translate(0px, 85px);
}

.active.advantage .font-line-text span {
	-webkit-transform: translate(0px, 2px);
	-webkit-transition-delay: 0.5s;
	transform: translate(0px, 2px);
	transition-delay: 0.5s;
}
/* 产品 product */
.product {
	width: 100%;
	padding: 75px 0;
	background: linear-gradient(120deg, #1f2350, #2a3377);
}
.product .content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	color: #fff;
}
.product .content .font-ol-title_EN span,
.product .content .font-ol-title_ZN span {
	color: #fff;
}
.active.product.little_title .font-ol-title_ZN span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.active.product.little_title .font-ol-title_EN span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.product_cn {
	padding: 90px 0 0px;
	justify-content: space-around;
}

.product_cn dt {
	position: relative;
	width: 265px;
	height: 265px;
	border-radius: 50%;
	overflow: hidden;
	border: 7px rgba(45, 68, 186, 0.38) solid;
}
.product_cn dt > div {
	position: relative;
	width: 267px;
	height: 267px;
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
	margin-left: -1px;
	margin-top: -1px;
	z-index: -1;
}
.product_cn dt img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 240px;
}
.product_cn dd {
	padding-top: 30px;
	text-align: center;
	font-size: 18px;
	line-height: 27px;
}
.product_cn dt .bgColor {
	width: 100%;
	height: 100%;
	background: #fff;
}
.product_cn dt .bgmask {
	position: relative;
	width: 300px;
	height: 300px;
	background: #2d44ba;
	margin: -220px 0 0 -220px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 6;
	transition: all 200ms 0s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.product_cn dl:hover dt .bgmask {
	visibility: visible;
	margin: -6px 0 0 -6px;
	transition: all 300ms 0s ease-in-out;
}
.product_cn dl:hover dt > div {
	background: #2d44ba;
	transition-delay: 200ms;
}
.product_cn dt .hoverImg {
	width: 240px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	z-index: 10;
}
.product_cn dl:hover .hoverImg {
	opacity: 1;
	transition: all 250ms 0s ease-in;
}
/* 顺序出现 */
.product_cn .f {
	height: 100%;
}
.product_cn .o {
	height: 100%;
	display: inline-block;
	overflow: inherit;
}
.product_cn ul li:nth-child(1) {
	transition: all 1s ease;
	opacity: 0;
	-webkit-transform: translate(0px, 100px);
	transform: translate(0px, 100px);
}
.active.product_cn ul li:nth-child(1) {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-webkit-transition-delay: 0.2s;
	transform: translate(0px, 0px);
	transition-delay: 0.2s;
}
.product_cn .text-2 {
	width: 265px;
	height: 54px;
	display: inline-block;
	opacity: 0;
	transition: all 1s ease;
	-webkit-transform: translate(0px, 50px);
	transform: translate(0px, 50px);
}
.active.product_cn .text-2 {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-webkit-transition-delay: 0.1s;
	transform: translate(0px, 0px);
	transition-delay: 0.1s;
}
.product_cn ul li:nth-child(2) {
	transition: all 1s ease;
	opacity: 0;
	-webkit-transform: translate(0px, 100px);
	transform: translate(0px, 100px);
}

.active.product_cn ul li:nth-child(2) {
	opacity: 1;
	-webkit-transform: translate(0px, -30px);
	-webkit-transition-delay: 0.4s;
	-webkit-transition-duration: 1s;
	transform: translate(0px, -30px);
	transition-delay: 0.4s;
	transition-duration: 1s;
}
.product_cn ul li:nth-child(3) {
	transition: all 1s ease;
	opacity: 0;
	-webkit-transform: translate(0px, 100px);
	transform: translate(0px, 100px);
}
.active.product_cn ul li:nth-child(3) {
	opacity: 1;
	-webkit-transform: translate(0px, -60px);
	-webkit-transition-delay: 0.6s;
	-webkit-transition-duration: 1.3s;
	transform: translate(0px, -60px);
	transition-delay: 0.6s;
	transition-duration: 1.3s;
}
.product_cn .text-4 {
	opacity: 0;
	width: 265px;
	height: 54px;
	display: inline-block;
	transition: all 1s ease;
	-webkit-transform: translate(0px, 50px);
	transform: translate(0px, 50px);
}
.active.product_cn .text-4 {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-webkit-transition-delay: 0.3s;
	transform: translate(0px, 0px);
	transition-delay: 0.3s;
}
.product_cn dl:nth-child(3) dt {
	transition: all 1s ease;
	opacity: 0;
	-webkit-transform: translate(0px, 100px);
	transform: translate(0px, 100px);
}

.active.product_cn dl:nth-child(3) dt {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-webkit-transition-delay: 0.4s;
	transform: translate(0px, 0px);
	transition-delay: 0.4s;
}
.product_cn .text-6 {
	opacity: 0;
	width: 265px;
	height: 54px;
	display: inline-block;
	transition: all 1s ease;
	-webkit-transform: translate(0px, 50px);
	transform: translate(0px, 50px);
}

.active.product_cn .text-6 {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-webkit-transition-delay: 0.5s;
	transform: translate(0px, 0px);
	transition-delay: 0.5s;
}
/* case 案例 */
.case {
	width: 100%;
	background: #f3f3f3;
}
.case .content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.case .case_body {
	padding: 0px 0 30px;
}
.active.case.little_title .font-ol-title_ZN span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.active.case.little_title .font-ol-title_EN span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.case_lines_inner {
	display: flex;
}
.case_body .unit {
	overflow: hidden;
	position: relative;
	height: 544px;
	width: 395px;
	margin-right: 8px;
	background: #f5f5f5;
	transition: all 1s ease;
	-webkit-transform: translate(0px, 600px);
	transform: translate(0px, 600px);
}
.active.case_body .unit {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.active.case_body .unit:nth-child(1) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.active.case_body .unit:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.active.case_body .unit:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.3s;
}
.case_lines_inner .unit_body {
	position: relative;
	z-index: 2;
	height: 219px;
	padding: 40px;
	transition: color 550ms cubic-bezier(0.23, 1, 0.32, 1);
}
.case_lines_inner .unit_body:before {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 20px;
	height: 3px;
	background: #111;
	content: ' ';
	transition: background 550ms cubic-bezier(0.23, 1, 0.32, 1);
}
.case_lines_inner .unit_body .en {
	height: 26px;
	padding-top: 32px;
	font-family: 'Inter UI', sans-serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 26px;
}
.case_lines_inner .unit_body .jp {
	font-size: 18px;
	margin-top: 24px;
}
.case_lines_inner .unit_inner > img {
	width: 100%;
}
.case_lines_inner .app_child_liftup {
	opacity: 0;
	animation: fadeliftup 1.5s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.case_lines_inner .unit_mask {
	position: absolute;
	top: 544px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 544px;
	transition: top 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.case_lines_inner .unit_mask:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(38, 61, 177, 0.9);
	content: '';
}
.case_lines_inner .mask_inner {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 327px;
	overflow: hidden;
	color: #fff;
}
.case_lines_inner .mask_inner .mask_inner_data {
	display: flex;
	justify-content: center;
	text-align: center;
	position: absolute;
	bottom: 80px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 150px;
}
.case_lines_inner .mask_inner .mask_inner_data > div:not(.line) {
	/* padding:0 30px; */
	width: 50%;
}
.case_lines_inner .mask_inner span {
	position: relative;
	display: block;
	font-size: 18px;
	/* font-weight: 900; */
}
.case_lines_inner .mask_inner strong {
	font-size: 62px;
	/* font-weight: 900; */
}
.case_lines_inner .mask_inner sup {
	position: absolute;
	top: 0px;
	font-size: 20px;
	/* font-weight: 800; */
}
.case_lines_inner .mask_inner .line {
	width: 2px !important;
	height: 95px;
	background: rgba(255, 255, 255, 0.61);
	padding: 0 !important;
	position: absolute;
	left: 50%;
	margin-left: -1px;
}
.caseArrow {
	position: absolute;
	width: 47px;
	height: 15px;
	background: url(https://bfc-media.domobcdn.com/www/caseArrow.png) 100% 100%
		no-repeat;
	background-size: 100% 100%;
	left: 40px;
	bottom: 35px;
}
.case_lines_inner .unit:hover .unit_mask {
	top: 0;
}
.case_lines_inner .unit:hover .unit_body:before {
	background: #fff;
}
.case_lines_inner .unit:hover .unit_body .en,
.case_lines_inner .unit:hover .unit_body .jp {
	color: #fff;
	font-weight: 700;
}

@keyframes fadeliftup {
	0% {
		transform: translateY(300px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

/* service 服务 */

.service {
	width: 100%;
	/* padding:75px 0; */
	background: #f3f3f3;
}
.service .content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.active.service.little_title .font-ol-title_ZN span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.active.service.little_title .font-ol-title_EN span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.active.service.little_title .font-ol-title_Text span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.service_cn.brands ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 30px;
}
.service_cn.brands ul li {
	width: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.service_cn.brands ul li .icon {
	width: 230px;
	height: 190px;
	overflow: hidden;
	position: relative;
}
.service_cn.brands ul li .icon img.ani {
	position: absolute;
	left: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 120%;
	margin-left: -60%;
	display: none;
}
.service_cn.brands ul li .icon img.not {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 62%;
}

.service_cn.brands ul li h3 {
	height: 60px;
	line-height: 50px;
	color: #2e2f36;
	font-size: 24px;
	font-weight: bold;
}
.service_cn.brands {
	width: 100%;
	height: 650px;
	overflow: hidden;
}
.service_cn.brands .f {
	width: 100%;
	height: 325px;
}
.service_cn.brands .o {
	vertical-align: top;
	overflow: hidden;
}

.service_cn.brands ul {
	transition: all 1.25s ease;
}

.service .font-line-text {
	display: block;
	text-align: center;
	font-size: 24px;
	color: #1f2022;
	height: 85px;
	margin-top: 15px;
}
.service .font-line-text span b {
	font-weight: 600;
}
.service .font-line-text .f {
	height: 100%;
}
.service .font-line-text .o {
	height: 100%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
.service .font-line-text span {
	height: 100%;
	line-height: 37px;
	display: inline-block;
	transition: all 1.1s;
	-webkit-transform: translate(0px, 85px);
	transform: translate(0px, 85px);
}

.active.service .font-line-text span {
	-webkit-transform: translate(0px, 2px);
	-webkit-transition-delay: 0.5s;
	transform: translate(0px, 2px);
	transition-delay: 0.5s;
}

/* 出海营销 service */
.service_cn.overseas ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.service_cn.overseas ul li {
	width: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.service_cn.overseas ul li .icon {
	width: 100px;
	height: 110px;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.service_cn.overseas ul li .icon img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.ant-btn-lg {
	height: 42px;
	padding: 6.4px 15px;
	font-size: 16px;
	border-radius: 4px;
}

.ant-btn,
.ant-btn:active,
.ant-btn:focus {
	outline: 0;
}
.ant-btn {
	line-height: 1.5715;
	display: inline-block;
	font-weight: 400;
	white-space: nowrap;
	text-align: center;
	box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	user-select: none;
	touch-action: manipulation;
	background: #fff;
	border: 1px solid #eee;
}

.service_cn.overseas ul li h3 {
	height: 60px;
	line-height: 50px;
	color: #2e2f36;
	font-size: 24px;
	font-weight: bold;
}
.service_cn.overseas {
	width: 100%;
	/* height: 140px; */
	overflow: hidden;
	padding: 70px 0 70px;
}
.service_cn.overseas .f {
	width: 100%;
	height: 140px;
}
.service_cn.overseas .o {
	vertical-align: top;
	overflow: hidden;
}

.service_cn.overseas ul {
	transition: all 1s cubic-bezier(0.02, -0.16, 0.58, 1.16);
}
.service_cn.overseas ul {
	-webkit-transform: translate(0px, 150px);
	transform: translate(0px, 150px);
}
.active.service_cn.overseas .f ul {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
/* 用户运增 service */
.service_cn.effect {
	height: inherit;
}
.service_cn.effect ul {
	width: 1030px;
	margin: 0px auto 30px;
	height: 260px;
}
.service_cn.effect li {
	width: 100%;
	height: 260px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.service_cn.effect li .icon {
	width: 300px;
	height: 260px;
	overflow: hidden;
	position: relative;
}
.service_cn.effect li .icon img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0 auto auto;
}
.service_cn.effect li .info {
	width: 680px;
	border-bottom: 1px #bdbec7 solid;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.service_cn.effect li h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 50px;
	height: 65px;
	color: #2e2f36;
	overflow: hidden;
}
.service_cn.effect li p {
	font-size: 18px;
	line-height: 27px;
	color: #2e2f36;
	font-weight: normal;
}
.service_cn.effect .f {
	width: 100%;
	height: 270px;
}
.service_cn.effect .o {
	vertical-align: top;
	overflow: hidden;
}
.service_cn.effect ul {
	transition: all 900ms ease;
}
.service_cn.effect ul {
	opacity: 0;
	-webkit-transform: translate(0px, 220px);
	transform: translate(0px, 220px);
}
.active.service_cn.effect .f ul {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

/* 资源 resources */
.resources {
	width: 100%;
	padding: 75px 0;
	background: #25272a;
}
.resources .content .font-ol-title_EN span,
.resources .content .font-ol-title_ZN span {
	color: #fff;
}
.resources .content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.active.resources.little_title .font-ol-title_ZN span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.active.resources.little_title .font-ol-title_EN span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.active.resources.little_title .font-ol-title_Text span {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.resources_cn {
	position: relative;
	color: #fff;
	margin-top: 70px;
}
.resources_cn .outer {
	position: relative;
	width: 300px;
	height: 300px;
	background: blue;
	animation: transform 25s ease-in-out infinite both alternate;
}
.resources_cn .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 270px;
	height: 270px;
	/* background:#000; */

	animation: transform 30s ease-in-out infinite both alternate;
}

.resources_cn .resources_1 .outer {
	background: #2d44ba;
}
.resources_cn .resources_2 .outer {
	background: #d6372d;
}
.resources_cn .resources_3 .outer {
	background: #10864a;
}
.resources_cn .resources_1 .inner {
	background: url('https://bfc-media.domobcdn.com/www/effectResource_1.jpg');
	background-size: 300px;
	background-position: center;
}
.resources_cn .resources_2 .inner {
	background: url('https://bfc-media.domobcdn.com/www/effectResource_2.jpg');
	background-size: 300px;
	background-position: center;
}
.resources_cn .resources_3 .inner {
	background: url('https://bfc-media.domobcdn.com/www/effectResource_3.jpg');
	background-size: 300px;
	background-position: center;
}

.resources_cn .resources_4 .outer {
	background: #f39d23;
}
.resources_cn.overseas .resources_1 .inner {
	background: url('https://bfc-media.domobcdn.com/www/overseasResource_1.jpg');
	background-size: 300px;
	background-position: center;
}
.resources_cn.overseas .resources_2 .inner {
	background: url('https://bfc-media.domobcdn.com/www/overseasResource_2.jpg');
	background-size: 300px;
	background-position: center;
}
.resources_cn.overseas .resources_3 .inner {
	background: url('https://bfc-media.domobcdn.com/www/overseasResource_3.jpg');
	background-size: 300px;
	background-position: center;
}
.resources_cn.overseas .resources_4 .inner {
	background: url('https://bfc-media.domobcdn.com/www/overseasResource_4.jpg');
	background-size: 300px;
	background-position: center;
}
.resources_cn ul {
	width: 1030px;
	margin: 0px auto 30px;
}
.resources_cn li {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.resources_cn li .info {
	width: 680px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.resources_cn .resources_2,
.resources_cn .resources_4 {
	flex-direction: row-reverse;
}
.resources_cn li h3 {
	font-size: 36px;
	font-weight: 700;
	line-height: 80px;
	height: 80px;
	overflow: hidden;
}
.resources_cn li p {
	font-size: 18px;
	line-height: 40px;
}

.resources_cn .f {
	width: 100%;
	height: 305px;
	margin-bottom: 45px;
}
.resources_cn .o {
	vertical-align: top;
	overflow: hidden;
}
.resources_cn ul {
	transition: all 900ms ease;
}
.resources_cn ul {
	opacity: 0;
	-webkit-transform: translate(0px, 330px);
	transform: translate(0px, 330px);
}
.active.resources_cn .f ul {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
@-webkit-keyframes transform {
	0%,
	100% {
		border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
	}

	14% {
		border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
	}
}

@keyframes transform {
	0%,
	100% {
		border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
	}

	14% {
		border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
	}
}

.product .product_cn ul {
	display: flex;
	position: relative;
	width: 100%;
}
.product .product_cn ul li {
	width: 599px;
	height: 259px;
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.product .product_cn ul li a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 60px 50px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
.product .product_cn ul li:last-child a {
	padding: 50px;
}
.product .product_cn ul li .arrow_icon {
	width: 16px;
	overflow: hidden;
	transition: all 0.5s ease;
}
.c-site-foot-box__border {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	pointer-events: none;
}

.c-site-foot-box:hover .c-site-foot-box__border:after,
.c-site-foot-box:hover .c-site-foot-box__border:before {
	opacity: 1;
}

.c-site-foot-box:hover .c-site-foot-box__border:after {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.c-site-foot-box:hover .c-site-foot-box__border:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.c-site-foot-box:hover .arrow_icon {
	width: 100px !important;
}

.c-site-foot-box__border:after,
.c-site-foot-box__border:before {
	content: '';
	position: absolute;
	background-color: #fff;
	opacity: 0;
	transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
	transition: transform 0.5s ease, opacity 0.5s ease;
	transition: transform 0.5s ease, opacity 0.5s ease,
		-webkit-transform 0.5s ease;
}

.c-site-foot-box__border:after {
	width: 1px;
	height: 100%;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}

.c-site-foot-box__border:before {
	height: 1px;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.c-site-foot-box__border--top:before {
	top: 0;
	left: 0;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.c-site-foot-box__border--top:after {
	top: 0;
	left: 0;
	-webkit-transform-origin: top;
	transform-origin: top;
}

.c-site-foot-box__border--bottom:before {
	bottom: 0;
	right: 0;
	-webkit-transform-origin: right;
	transform-origin: right;
}

.c-site-foot-box__border--bottom:after {
	bottom: 0;
	right: 0;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
}
.ul_list .icons {
	width: 80px;
	height: 80px;
}
.programMarketing-title {
	transform: translate(0px, 0px) !important;
}

.home-resolve .container .resolve-right .img-box {
  width: 350px;
  position: absolute;
  top: -180px;
  left: -250px;
  transition: background-image .5s ease-in-out;
  display: none
}

.home-resolve .container .resolve-right .count {
  font-family: Clarity Mono;
  font-size: 16px;
  line-height: 19px;
  color: #d8dee2;
  margin-bottom: 32px;
  margin-left: 50px
}

.arrow-down {
  margin: 15px auto;
}
.downLine {
  width: 70px;
  height: 2px;
  background-color: #3aa380;
  transform: skew(-45deg);
}