html {
	-webkit-tap-highlight-color: transparent;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
}

body {
	min-width: 1200px;
	--button-default-color: $color-brand;
}

body {
	line-height: 1;
	background: #f6f8fd;
}

section {
	display: block;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	margin: 0;
	font-size: 100%;
	color: unset;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: inherit;
}

li,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gobenav {
	transition: background-color .3s;
	color: #fff;
}

.gobenav--pc-middle .nav-item .link:hover {
	font-weight: 700;
}

.gobenav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3000;
	text-align: center;
	height: 80px;
	display: flex;
	flex-direction: row;
	justify-content: normal;
	align-items: center;
}

.gobenav--pc {
	position: relative;
	min-width: 1200px;
	max-width: 1200px;
	/*padding: 0 30px;*/
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

.gobenav--pc-middle .nav,
.gobenav--pc> {
	display: flex;
	flex-direction: row;
	justify-content: normal;
	align-items: center;
}

.gobenav--pc-left {
	display: flex;
	flex-direction: row;
	justify-content: normal;
	align-items: center;
}

.gobenav--pc-middle {
	width: 550px;
}

.gobenav--pc-middle .nav {
	display: flex;
	flex-direction: row;
	justify-content: normal;
	align-items: center;
}

.gobenav--pc-middle .nav-item:not(:last-of-type) {
	margin-right: 0px;
}

.gobenav--pc-middle .nav-item {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
}

.gobenav--pc-middle .nav-item .link {
	font-size: 16px;
}

.gobenav--pc-middle .nav-item .underline {
	margin-top: 8px;
	width: 30px;
	height: 7px;
	opacity: 0;
}

.gobenav--pc-middle .nav-item .underline img {
	max-width: 100%;
}

.gobenav--pc-right {
	display: flex;
	flex-direction: row;
	justify-content: normal;
	align-items: center;
}

.gobenav--pc__logo {
	margin-right: 20px;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}

.gobenav--pc__logo img {
	width: 140px;
	max-width: 100%;
	height: 100%;
}

.gobenav--pc__sp {
	width: 122px;
}

.gobenav--pc__sp img {
	max-width: 100%;
}

.gobenav--pc__try {
	color: #545cfc;
	background-color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	width: auto;
	box-sizing: border-box;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 115px;
	height: 30px;
	font-size: 14px;
	border-radius: 15px;
	margin-right: 16px;
}

.gobenav--pc__login {
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
	display: inline-block;
	width: auto;
	box-sizing: border-box;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 115px;
	height: 30px;
	font-size: 14px;
	border-radius: 15px;
}

.gobenav--pc__try:hover {
	background-color: #ff7301;
	border-color: #ff7301;
	color: #fff;
}

.gobenav--pc__login:hover {
	background-color: #ff7301;
	border-color: #ff7301;
	color: #fff;
}

.gobe-banner {
	text-align: center;
	width: 100%;
	height: 550px;
	background-image: url(banner-bg.png);
}

.gobe-banner,
.trainingBg {
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}

.gobe-banner-main {
	min-width: 1200px;
	max-width: 1200px;
	/*padding: 0 30px;*/
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: normal;
	height: 100%;
	position: relative;
}

.gobe-banner-main--text {
	display: flex;
	flex-direction: column;
	justify-content: normal;
	align-items: normal;
	text-align: left;
	flex: 1;
	padding-top: 80px;
}

.gobe-banner-main__prod {
	font-size: 22px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 30px;
}

.gobe-banner-main__icon {
	font-family: Arial-BoldMT, Arial;
	font-weight: 400;
	color: #fff;
	font-size: 80px;
	opacity: .2;
	margin-left: 100px;
	line-height: 80px;
	margin-bottom: -40px;
}

.gobe-banner-main__title {
	margin-bottom: 10px;
	margin-left: 100px;
	height: 39px;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 12px;

}

.gobe-banner-main__title img {
	height: 100%;
}

[class*=" m-"],
[class^=m-] {
	display: none;
}

.gobe-banner-main__desc {
	line-height: 40px;
	padding-left: 15px;
	font-size: 18px;
	font-family: PingFangTC-Regular, PingFangTC;
	font-weight: 400;
	color: #5956fc;
	letter-spacing: 2px;
	width: 391px;
	height: 40px;
	background: linear-gradient(90deg, #fff, #fff 60%, hsla(0, 0%, 100%, 0) 95%, hsla(0, 0%, 100%, 0));
	border-radius: 0 20px 20px 20px;
	margin-top: 18px;
	margin-left: 100px;
}

.gobe-banner-main__desc .text {
	display: block;
}

.gobe-banner-main__tab {
	display: flex;
	align-items: center;
	margin-top: 41px;
	margin-left: 100px;
}

.gobe-banner-main__tab span {
	min-width: 80px;
	padding: 0 6px;
	height: 29px;
	border-radius: 15px;
	border: 1px solid hsla(0, 0%, 100%, .3);
	margin-right: 12px;
	font-size: 15px;
	text-align: center;
	line-height: 29px;
	color: hsla(0, 0%, 100%, .9);
}

.gobe-banner-main__btn {
	min-height: 50px;
	margin-left: 100px;
	margin-top: 41px;
}

.gobe-banner-main__btn .btn {
	color: #575afc;
	background-color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	width: auto;
	box-sizing: border-box;
	line-height: 1;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 168px;
	height: 38px;
	font-size: 20px;
	border-radius: 19px;
}

.gobe-banner-main--data {
	position: absolute;
	bottom: -74px;
	height: 148px;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 22px 0 rgb(0 0 0 / 5%);
	display: flex;
	border-radius: 10px;
}

.gobe-banner-main--data .dataItem {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gobe-banner-main--data .dataItem__left {
	width: 60px;
	height: 60px;
	margin-right: 14px;
	/*background-color: #546afc29;*/
	background-color: #5b55fc26;
	border-radius: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 3px 20px rgb(0 38 116 / 8%);
}

.gobe-banner-main--data .dataItem__left i {
	font-size: 33px;
	/*color: #2a7efc;*/
	color: #5b55fc;
}

.gobe-banner-main--data .dataItem__left img {
	max-width: 100%;
}

.gobe-banner-main--data .dataItem__right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 50px;
	align-items: flex-start;
}

.gobe-banner-main--data .dataItem__right .name {
	font-size: 14px;
	color: #444;
}

.gobe-banner-main--data .dataItem__right .num {
	font-size: 28px;
	font-family: din-medium;
	font-weight: 700;
	color: #444;
}

.gobe-banner-main--data .dataItem__right .num .unit {
	font-size: 24px;
}

/* 五大智慧 */
.gobe-zhihui-ikon {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 149px;
}

.gobe-zhihui-ikon .gobe-zhihui-top-btn a {
	color: #fff;
	width: 180px;
	height: 48px;
	font-size: 24px;
	line-height: 48px;
	margin-top: 25px;
	margin-left: 158px;
	display: block;
	border-radius: 50px;
	padding-left: 35px;
	background: linear-gradient(to right, #4874F5, #34A3FF);
	position: relative;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.gobe-zhihui-ikon .gobe-zhihui-top-btn a:after {
	display: block;
	content: ' ';
	width: 17px;
	height: 17px;
	position: absolute;
	top: 14px;
	left: 135px;
	background: url(arrow.svg) no-repeat 50%;
	background-size: contain;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 0;
}

.gobe-zhihui-ikon .gobe-zhihui-top-btn a:hover:after {
	opacity: 1;
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}

.gobe-zhihui-ikon .gobe-zhihui-top-btn a:hover {
	padding-left: 26px;
}

.gobe-zhihui-ikon .ikon-font-vessel {
	width: 1200px;
	margin: 0 auto;
	display: flex;
}

.gobe-zhihui-ikon .ikon-font-right {
	width: 483px;
	height: 528px;
	margin-right: 149px;
	margin-left: -88px;
	padding-top: 28px;
}

.gobe-zhihui-ikon .ikon-font-left {
	width: 483px;
	height: 528px;
	padding-top: 28px;
}

.gobe-zhihui-ikon .commerce-ikon-title {
	height: 39px;
}

@font-face {
	font-family: DINPro-CondBold;
	src: url(DINPro-CondBold.ttf);
}

.gobe-zhihui-ikon .ikon-font-before1::before {
	content: "“商";
	font-size: 110px;
	position: relative;
	top: 17px;
	left: 82px;
	color: #e0e5fc;
	font-family: DINPro-CondBold;
}

.gobe-zhihui-ikon .ikon-font-before2::before {
	content: "“卡";
	font-size: 110px;
	position: relative;
	top: 17px;
	left: 82px;
	/* padding-left: 332px; */
	color: #e0e5fc;
	font-family: DINPro-CondBold;
}

.gobe-zhihui-ikon .ikon-font-before3::before {
	content: "“核";
	font-size: 110px;
	position: relative;
	top: 17px;
	left: 82px;
	color: #e0e5fc;
	font-family: DINPro-CondBold;
}

.gobe-zhihui-ikon .ikon-font-before4::before {
	content: "“智";
	font-size: 110px;
	position: relative;
	top: 17px;
	left: 82px;
	/* padding-left: 332px; */
	color: #e0e5fc;
	font-family: DINPro-CondBold;
}

.gobe-zhihui-ikon .ikon-font-before5::before {
	content: "“慧";
	font-size: 110px;
	position: relative;
	top: 17px;
	left: 82px;
	color: #e0e5fc;
	font-family: DINPro-CondBold;
}

.gobe-zhihui-ikon .ikon-font-before6::before {
	content: "“便";
	font-size: 110px;
	position: relative;
	top: 17px;
	left: 82px;
	/* padding-left: 332px; */
	color: #e0e5fc;
	font-family: DINPro-CondBold;
}

.gobe-zhihui-ikon .commerce-ikon-title h3 {
	font-size: 30px;
	line-height: 42px;
	position: relative;
	top: -50px;
	left: 156px;
	font-weight: 500;
	color: #444;
}

.gobe-zhihui-ikon .commerce-ikon-content {
	margin-left: 158px;
	position: relative;
	margin-bottom: 10px;
}

.gobe-zhihui-ikon .commerce-ikon-content::after {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background-color: #4978f6;
	position: absolute;
	top: 11px;
}

.gobe-zhihui-ikon .commerce-ikon-content .commerce-ikon-content-font {
	width: 375px;
	display: inline-block;
	font-size: 18px;
	padding-left: 21px;
	line-height: 30px;
	color: #2A3144;
}

.gobe-zhihui-ikon img {
	height: 534px;
	/*-webkit-animation: hero-thumb-sm-3-animation 18s linear infinite alternate;
	-moz-animation: hero-thumb-sm-3-animation 18s linear infinite alternate;
	-o-animation: hero-thumb-sm-3-animation 18s linear infinite alternate;
	animation: hero-thumb-sm-3-animation 18s linear infinite alternate;*/
}

.gobe-zhihui-ikon .ikon1 {
	width: 483px;
	height: 559px;
	margin-left: 129px;
}

.gobe-zhihui-ikon .ikon2 {
	width: 545px;
	height: 469px;
	margin-right: 30px;
	margin-left: -15px;
}

.gobe-zhihui-ikon .ikon3 {
	height: 563px;
	width: 548px;
	margin-left: 20px;
}

.gobe-zhihui-ikon .ikon4 {
	height: 356px;
	width: 666px;
	margin-right: -67px;
	margin-left: -16px;
}

.gobe-zhihui-ikon .ikon5 {
	height: 571px;
	width: 546px;
	margin-left: 55px;
}

.gobe-zhihui-ikon .ikon6 {
	height: 538px;
	width: 600px;
	margin-right: 0px;
	margin-left: -16px;
}

.gobe-zhihui-commerce {
	width: 100%;
}

.gobe-zhihui-commerce .gobe-zhihui-vessel {
	height: 982px;
	width: 1200px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.gobe-zhihui-commerce .big-wisdom {
	display: flex;
	justify-content: center;
}

.gobe-zhihui-commerce .big-wisdom img {
	margin-top: 188px;
}

.gobe-zhihui-commerce p {
	font-size: 20px;
	color: #FF6A01;
	font-weight: 600;
	position: absolute;
}

.gobe-zhihui-commerce .gobe-zhihui-vessel h4 {
	font-size: 30px;
	line-height: 42px;
	color: #2A3144;
	padding-top: 60px;
	margin-bottom: 26px;
}

.gobe-zhihui-commerce .gobe-zhihui-vessel img {
	width: 139px;
	height: 38px;
	margin-bottom: 78px;
}

.gobe-zhihui-commerce .gobe-zhihui-vessel .gobe-zhihui-vessel-five {
	width: 835px;
	height: 729px;
	background: url(five-wisdom.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	position: relative;
}

.gobe-zhihui-commerce .gobe-zhihui-vessel .gobe-zhihui-vessel-five ul li {
	position: absolute;
	font-size: 24px;
	line-height: 33px;
	font-weight: 600;
}

.gobe-zhihui-commerce .gobe-zhihui-vessel .gobe-zhihui-vessel-five ul li:nth-child(1) {
	top: 203px;
	left: 50px;
}

.gobe-zhihui-commerce .gobe-zhihui-vessel .gobe-zhihui-vessel-five ul li:nth-child(2) {
	top: 216px;
	left: 696px;
}

.gobe-zhihui-commerce .gobe-zhihui-vessel .gobe-zhihui-vessel-five ul li:nth-child(3) {
	top: 558px;
	left: 59px;
}

.gobe-zhihui-commerce .gobe-zhihui-vessel .gobe-zhihui-vessel-five ul li:nth-child(4) {
	top: 696px;
	left: 375px;
}

.gobe-zhihui-commerce .gobe-zhihui-vessel .gobe-zhihui-vessel-five ul li:nth-child(5) {
	top: 570px;
	left: 694px;
}


.gobe3 {
	width: 100%;
	height: 970px;
	opacity: 1;
	padding-top: 1px;
}

.gobe_f1_tit {
	height: 47px;
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: 500;
	line-height: 47px;
	color: #444;
	text-align: center;
	margin-top: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	letter-spacing: 2px;
}

.f1_futit_white {
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	text-align: center;
	margin-top: 16px;
}

.f1_futit {
	color: #ccc;
	font-size: 12px;
	height: 21px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	text-align: center;
	margin-top: 5px;
	letter-spacing: 2px;
}

.fangan_cont {
	width: 1200px;
	height: 550px;
	margin: 100px auto 0;
	background-image: url(jjfa.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	position: relative;
}

.kfb_animation {
	-webkit-animation: kfb_animation 1.2s linear .4s infinite alternate;
	animation: kfb_animation 1.2s linear .4s infinite alternate;
}

@-webkit-keyframes kfb_animation {
	0% {
		transform: translateY(10px)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes kfb_animation {
	0% {
		transform: translateY(10px)
	}

	to {
		transform: translateY(0)
	}
}

.fangan_item_box {
	width: 300px;
	background: #fff;
	/*
	border: 1px solid #becfff;
	box-shadow: 0 3px 16px rgba(0, 38, 116, .1);
	*/
	border-radius: 8px;
	padding: 24px 30px;
	border: 2px solid #e7e7f2;
	box-shadow: 10px 10px 20px 0 hsl(0deg 0% 94% / 63%);
}

.flex {
	display: flex !important;
	display: -moz-box-flex !important;
	display: -webkit-box-flex !important;
	display: -ms-flex !important;
}

.sm_icon {
	width: 26px;
	height: 26px;
}

.item_title {
	height: 24px;
	font-size: 18px;
	line-height: 24px;
	font-family: Microsoft YaHei;
	font-weight: 500;
	color: #333;
	padding-left: 10px;
	color: #2a7efc;
}

.pl-3 {
	padding-left: 30px;
}

.mt-20 {
	margin-top: 20px;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.li_text,
.li_text_1 {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 30px;
	/*color: #757f9f;*/
	color: #444;
}

.li_text {
	width: 95px;
}

.li_text_1 {
	width: 98px;
	margin-left: 10px;
}

.top_right {
	position: absolute;
	top: 0;
	right: 0;
}

.kft_animation {
	-webkit-animation: kft_animation 1.2s linear .8s infinite alternate;
	animation: kft_animation 1.2s linear .8s infinite alternate;
}

@-webkit-keyframes kft_animation {
	0% {
		transform: translateY(-10px)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes kft_animation {
	0% {
		transform: translateY(-10px)
	}

	to {
		transform: translateY(0)
	}
}

.btt_left,
.btt_right {
	position: absolute;
	bottom: 100px;
}

.btt_left {
	left: 0;
}

.btt_right {
	right: 0;
}

.fangan_center_img {
	width: 260px;
	height: 167px;
	position: absolute;
	left: 40%;
	top: 20%;
	transform: translate3d(-50%, -100%, 0);
}

.line-left {
	background: linear-gradient(90deg, hsla(0, 0%, 93.3%, 0), #ff7301);
}

/*
.line {
	width: 56px;
	height: 2px;
}
*/
.line-right {
	background: linear-gradient(90deg, #ff7301, hsla(0, 0%, 93.3%, 0));
}

.gobe4 {
	width: 100%;
	height: 415px;
	background: #f7f9fb;
	padding-top: 55px;
	opacity: 1;
}

.xuqiu_cont {
	margin: 50px auto 0;
	width: 1200px;
}

.justify-between {
	justify-content: space-between !important;
}

.xuqiu_item {
	width: 80px;
	text-align: center;
}

.yuan {
	width: 62px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	background: #fff;
	border: 1px solid #e1edff;
	border-radius: 50%;
	margin: 0 auto 18px;
}

.yuan i {
	font-size: 30px;
	color: #448efc;
}

.align-center {
	align-items: center !important;
}

.justify-center {
	justify-content: center !important;
}

.weight-400 {
	font-weight: 400;
}

.text-333 {
	color: #444;
}

.gobe5 {
	width: 100%;
	background: linear-gradient(180deg, #fff, #f7f7f7);
	opacity: 1;
	padding-top: 1px;
}

.row {
	width: 1200px;
	height: 590px;
	margin: 60px auto 0;
	overflow: hidden;
	position: relative;
}

.menban_bt,
.menban_top {
	position: absolute;
	width: 1200px;
	height: 250px;
}

.menban_top {
	top: 0;
	background: linear-gradient(180deg, #fcfcfc, hsla(0, 0%, 100%, 0));
	z-index: 23;
}

.menban_bt {
	bottom: 0;
	background: linear-gradient(1turn, #f7f7f7, hsla(0, 0%, 100%, 0));
	z-index: 24;
}

.c_btn {
	display: block;
	text-decoration: none;
	width: 168px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: linear-gradient(90deg, #03a9f4, #2a7efc);
	box-shadow: 0 3px 20px rgba(0, 38, 116, .1);
	border-radius: 40px;
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 50;
}

.box {
	position: relative;
	overflow: hidden;
	height: 590px;
}

.box1,
.box2 {
	width: 1298px;
	position: absolute;
}

.box2 {
	width: 1298px;
	margin-top: -110px;
}

.section3-pc-container {
	margin: 0 auto;
	box-sizing: border-box;
}

.wrap {
	max-width: 1204px;
	width: 1204px;
	min-width: 1204px;
}

.section3-herder {
	height: 54px;
	line-height: 54px;
	text-align: center
}

.h3-font {
	font-size: 40px;
}

.h2-font,
.h3-font {
	color: #2b3441;
	font-family: PingFangSC-Semibold, PingFang SC, Microsoft YaHei;
	letter-spacing: 2px;
}

.section3-title1 {
	height: 34px;
	line-height: 34px;
	text-align: center
}

.text-title2-noselect {
	color: #555d67;
	font-size: 16px;
	font-family: PingFang SC-Regular, SourceHanSansCN-Regular, Microsoft YaHei;
	letter-spacing: 1px;
	line-height: 28px;
}

.card-group {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

.card {
	margin-right: 22px;
}

.section2-card {
	width: 385px;
	height: 218px;
	border: 2px solid #e7e7f2;
	box-shadow: 10px 10px 20px 0 hsla(0, 0%, 93.7%, .63);
	border-radius: 8px;
	box-sizing: border-box;
	transition: all .3s;
	margin-bottom: 22px;
	cursor: pointer;
	background-size: cover;
	background-color: #fff;

}

.gobe-cardbg-12 {
	background-image: url(more-template12.png);
}

.gobe-cardbg-11 {
	background-image: url(more-template11.png);
}

.gobe-cardbg-10 {
	background-image: url(more-template10.png);
}

.gobe-cardbg-9 {
	background-image: url(more-template9.png);
}

.gobe-cardbg-8 {
	background-image: url(more-template8.png);
}

.gobe-cardbg-7 {
	background-image: url(more-template7.png);
}

.gobe-cardbg-6 {
	background-image: url(more-template6.png);
}

.gobe-cardbg-5 {
	background-image: url(more-template5.png);
}

.gobe-cardbg-4 {
	background-image: url(more-template4.png);
}

.gobe-cardbg-3 {
	background-image: url(more-template3.png);
}

.gobe-cardbg-2 {
	background-image: url(more-template2.png);
}

.section2-card-top {
	display: flex;
	align-content: center;
	align-items: center;
	margin-top: 48px;
	padding-left: 26px
}

.section2-card-top img {
	border-radius: 100px;
}

.setion2-card-title {
	padding-left: 15px
}

.h4-font,
.h5-font {
	color: #2b3441;
	font-family: PingFangSC-Semibold, PingFang SC, Microsoft YaHei;
}

.h5-font {
	font-size: 22px;
	letter-spacing: 2px;
	letter-spacing: 1px;
}

.section2-card-bottom {
	margin: 26px 21px 0 27px
}

.card:nth-of-type(3n),
.section2-card:nth-child(3n) {
	margin-right: 0
}

.pc-learn-more {
	width: 116px;
	height: 50px;
	background: #fff;
	border-radius: 1px 16px 0 16px;
	border: 1px solid #e9eaec;
	display: block;
	font-size: 16px;
	font-family: PingFang SC, Microsoft YaHei;
	margin-left: 51px;
	margin-top: 128px
}

.section2-card:hover {
	transform: scale(1.1);
}

.card-group:after {
	content: "";
	flex: auto;
}

.gobe7 {
	width: 1200px;
	height: 738px;
	background-image: url(f7_bg.png);
	background-size: cover;
	position: relative;
	border-radius: 15px;
	margin: 0 auto;
}

.gobe7_container {
	width: 1200px;
	margin: auto;
}

.gobe_switch_img {
	width: 328px;
	height: 578px;
	background-image: url(shoujiji.png);
	background-size: cover;
	margin: 80px 0 0 150px;
}

.gobe_switch_img img {
	height: 550px;
	padding-left: 41px;
	padding-top: 18px;
	position: absolute;
	display: block;
	z-index: 1;
	opacity: 0;
}

.switch_box {
	width: 600px;
	margin-top: 120px;
}

.shop_shouye {
	height: 50px;
	font-size: 36px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 50px;
	color: #fff;
	opacity: 1;
}

.sm_line {
	width: 30px;
	height: 4px;
	background: linear-gradient(270deg, #f6ff8d, #35dbdb);
	opacity: 1;
	margin: 20px 0;
}

.switch_shop_desc {
	width: 550px;
	height: 42px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #fff;
	opacity: .9;
}

.gobe_swich_grid {
	margin-top: 122px;
}

.gobe_swich_grid ul li {
	text-decoration: none;
	display: block;
	float: left;
}

.gobe_switch_btn {
	width: 180px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-bottom: 30px;
	cursor: pointer;
	display: block;
	float: left;
}

.gobe_switch_btn span {
	padding-right: 14px;
	font-size: 20px;
}

.gobe_swich_grid ul li.gobe_switch_btn_active {
	background: #fff;
	box-shadow: 0 4px 21px rgba(0, 60, 181, .07);
	transition: all 1s ease;
	color: #2a7efc;
	border-radius: 8px;
}

.gobe_switch_img .phone-image.gobe_switch_btn_active {
	z-index: 100;
	opacity: 1;
	-webkit-transition: all .2s ease-out .1s;
	transition: all .2s ease-out .1s;
}

.light {
	background: #08006d;
	box-shadow: 0px 2px 6px rgb(0 0 0 / 10%);
}


.footer-wrap {
	width: 100%;
	margin: 0 auto;
	height: 892px;
	background: url(footer-bg.png) #f6f8fd;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	box-sizing: border-box;
	margin-top: 68px;
}

.footer-container {
	max-width: 1280px;
	margin: 0 auto;
	padding-left: 50px;
	box-sizing: border-box;
}

.footer-header {
	display: flex;
	justify-content: space-between;
}

.footer-header-title {
	min-width: 510px;
	height: 66px;
	font-size: 44px;
	font-family: PingFangSC-Semibold, PingFang SC, Microsoft YaHei;
	font-weight: 600;
	color: #fff;
	line-height: 66px;
}

.footer-header-btn-group {
	display: flex;
}

.duokaifapc .primary {
	width: 149px;
	height: 49px;
}

.duokaifapc .consult,
.duokaifapc .default,
.duokaifapc .opacity,
.duokaifapc .primary {
	display: inline-block;
	border: 1px solid #d5d6d9;
	border-radius: 1px 15px;
	box-sizing: border-box;
}

.duokaifapc .primary button {
	top: -1px;
	left: -1px;
	width: 150px;
	height: 50px;
	background: #4772ff;
	color: #fff;
}

.duokaifapc .consult button,
.duokaifapc .default button,
.duokaifapc .opacity button,
.duokaifapc .primary button {
	padding-left: 35px;
	position: relative;
	transition: all .2s ease;
	font-size: 16px;
	border-radius: 1px 15px;
	text-align: left;
	cursor: pointer;
	border: none;
	outline: none;
	box-shadow: none;
	font-family: SourceHanSansCN-Regular, Microsoft YaHei;
	white-space: nowrap;
}

.duokaifapc .consult .iconfont,
.duokaifapc .default .iconfont,
.duokaifapc .opacity .iconfont,
.duokaifapc .primary .iconfont {
	transition: margin .2s ease;
}

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.learn-more-border {
	border-radius: 1px 15px 0 15px;
	display: inline-block;
	border: 1px solid #d5d6d9;
	box-sizing: border-box;
	width: 150px;
	height: 50px;
	margin-left: 29px;
}

.learn-more-border .learn-more {
	transition: all .2s ease;
}

.learn-more {
	width: 116px;
	border-radius: 1px 15px 0 15px;
	border: none;
	outline: none;
	width: 150px;
	height: 50px;
	font-size: 16px;
	font-family: SourceHanSansCN-Regular, Microsoft YaHei;
	color: #fff;
}

.clear-btn {
	background: transparent;
	border: none;
}

.duokaifapc .primary button:hover {
	background: #668aff;
}

.duokaifapc .consult:hover button,
.duokaifapc .default:hover button,
.duokaifapc .opacity:hover button,
.duokaifapc .primary:hover button {
	transform: translate(10px, 10px);
	box-shadow: 0 6px 15px 5px rgb(66 60 80 / 5%);
}

.duokaifapc .consult:hover button .iconfont,
.duokaifapc .default:hover button .iconfont,
.duokaifapc .opacity:hover button .iconfont,
.duokaifapc .primary:hover button .iconfontjtzx,
.duokaifapc .primary2:hover button .iconfontjtzx {
	display: inline-block;
	margin-left: 10px;
}

.learn-more-border:hover button {
	transform: translate(10px, 10px);
	background: #ff7b00;
	box-shadow: 0 6px 15px 5px rgb(66 60 80 / 5%);
	color: #fff;
	padding-left: 10px;
}

.learn-more-border .learn-more {
	transition: all .2s ease;
}

.learn-more-border:hover button .iconfont {
	display: inline-block;
	margin-left: 10px;
}

.footer-header-right {
	margin-right: 60px;
}

.footer-content {
	display: flex;
}

.footer-content-left {
	width: 50%;
	margin-top: 40px;
	display: flex;
	flex-wrap: nowrap;
}

.footer-content-left .footer-content-qrcode {
	display: flex;
	flex-wrap: wrap;
	width: 95px;
	height: 238px;
}

.footer-content-left .footer-content-qrcode .footer-qrcode {
	border-radius: 8px;
}

.footer-content-left .footer-official-accounts {
	color: #c1c1cd;
	font-size: 13px;
	margin: 0 0 -4px 13px;
	position: relative;
	top: -5px;
}

.footer-content-left .footer-content-qrcode .footer-qrcode {
	border-radius: 8px;
}

.footer-content-left .footer-mini-program {
	color: #c1c1cd;
	font-size: 13px;
	margin-left: 6px;
	position: relative;
	top: -5px;
}

.footer-content-left .footer-content-text {
	margin-left: 30px;
}

.footer-phone,
.mobile-footer-phone {
	color: #fff;
	display: flex;
	align-items: center;
}

.safari-font {
	font-family: PingFang SC, Microsoft YaHei;
}

.footer-qcore-group {
	display: flex;
}

.footer-qcore-group-right {
	margin-top: 20px;
}

.list-font,
.list-item {
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC, Microsoft YaHei;
	font-weight: 400;
	color: #c1c1cd;
}

.list-item {
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.footer-content-right {
	width: 50%;
	display: flex;
	justify-content: space-between;
	padding-right: 105px;
	box-sizing: border-box;
}

.footer-content-right ul {
	list-style-type: none;
	margin-top: 115px;
}

.list-header {
	font-size: 15px;
	font-family: PingFangSC-Medium, PingFang SC, Microsoft YaHei;
	font-weight: 500;
	color: #fff;
	margin-bottom: 26px;
}

.footer-container-title {
	text-align: center;
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC, Microsoft YaHei;
	font-weight: 400;
	color: #7c8593;
	margin-top: 33px;
}

.gobe-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 999;
}

.gobe-modal-content {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -320px;
	margin-top: -232px;
	width: 640px;
	height: 464px;
	border-radius: 24px;
	background-color: white;
	z-index: 4;
}

.gobe-modal-body {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

.gobe-modal-body .top_bg {
	width: 640px;
	height: 160px;
	border-radius: 24px 24px 0px 0px;
}

.gobe-modal-body .tips_top {
	font-size: 16px;
	font-weight: 400;
	color: #FF6600;
	line-height: 20px;
	margin-top: 40px;
}

.gobe-modal-body .erweima02 {
	width: 140px;
	height: 140px;
	background: #FFFFFF;
	box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
	margin-top: 20px;
	display: inline-block;
}

.gobe-modal-body .tips_bottom {
	font-size: 14px;
	font-weight: 400;
	color: #656A75;
	line-height: 18px;
	margin-top: 16px;
}

.gobe-modal-body .cancen,
.gobe-modal-body .cancen02 {
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.gobe-modal-body .cancen img {
	width: 44px;
	height: 44px;
}

.gobe_fr_entrance {
	width: 64px;
	height: auto;
	position: fixed;
	right: 20px;
	bottom: 120px;
	text-align: center;
	z-index: 2;
}

#shouquan {
	width: 64px;
	height: 84px;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	padding: 0;
	cursor: pointer;
}

#shouquan img {
	width: 64px;
	height: 84px;
}

.gobe_fr_contact {
	width: 64px;
	height: auto;
	background: #668AFF;
	border-radius: 4px;
}

.gobe_fr_contact li {
	padding: 16px 6px 0px 6px;
	height: 84px;
	cursor: pointer;
}

.gobe_fr_contact li .inner {
	width: 50px;
	height: 68px;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.gobe_fr_contact li:nth-child(3) .inner {
	border-bottom: none;
}

.gobe_fr_contact li:hover {
	background: #4772FF;
	border-radius: 4px;
}

.gobe_fr_contact img {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-bottom: 12px;
}

.gobe_fr_contact span {
	width: 100%;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 12px;
	display: block;
}

.gobe_contact_content {
	visibility: hidden;
	position: absolute;
	font-size: 16px;
	font-weight: 800;
	color: #4772FF;
	line-height: 20px;
	text-align: left;
	cursor: default;
}

.gobe_fr_contact li:hover .gobe_contact_content {
	visibility: visible;
}

.gobe_contact_content01 {
	width: 250px;
	height: 92px;
	line-height: 92px;
	top: 82px;
	left: -240px;
	padding-left: 36px;
	padding-top: 34px;
	z-index: 0;
	background: url("pcsourcecode_fr_box01@2x.png") center no-repeat;
	background-size: auto;
	background-size: 250px 92px;
}

.gobe_contact_content02 {
	width: 250px;
	height: 92px;
	top: 176px;
	left: -240px;
	padding-left: 36px;
	padding-top: 34px;
	background: url("pcsourcecode_fr_box02@2x.png") center no-repeat;
	background-size: auto;
	background-size: 250px 92px;
}

.gobe_contact_content03 {
	width: 160px;
	height: 152px;
	top: 252px;
	left: -150px;
	padding-left: 26px;
	padding-top: 24px;
	z-index: 99;
	background: url("../public/image/xm-ls.jpeg") center no-repeat;
	background-size: auto;
	background-size: 160px 152px;
}
.gobe_contact_content03 img {
    width: 100px;
    height: 100px;
}