:root {
	--c3: #333;
	--c6: #666;
	--c9: #999;
	--PFM: PingFangSC-Medium;
	--PFR: PingFangSC-Regular;
	--PFS: PingFangSC-Semibold;
	--lg_t: 4.8vw;
	--md_t: 3.6vw --sm_t:2.6vw;
	--xs_t: 2.0vw;
	--t91: 3.2vw;
	--t92: 2vw;
	--t93: 1.8vw;
	--t61: 4.8vw;
	--t62: 3.6vw;
	--t63: 3vw;
}

@media only screen and (max-width: 992px) {
	:root {
		--lg_t: 3.2vw;
		--md_t: 2vw;
		--sm_t: 1.8vw;
		--xs_t: 1vw;
	}
}

@media only screen and (max-width: 750px) {
	:root {
		--lg_t: 4vw;
		--md_t: 2.6vw;
		--sm_t: 2vw;
		--xs_t: 1.6vw;
	}
}

@media only screen and (max-width: 540px) {
	:root {
		--lg_t: 4.8vw;
		--md_t: 3.6vw;
		--sm_t: 3vw;
		--xs_t: 2.0vw;
	}
}

* {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

.c3 {
	color: var(--c3);
}

.c6 {
	color: var(--c6);
}

.c9 {
	color: var(--c9);
}



/* banner */
.banner {
	width: auto;
	height: 100vh;
}

.swiper1 {
	width: 100%;
	height: 100%;
	position: relative;
}

.swiper-container {
	width: 100%;
	height: 100% !important;
}

.bannerbg {
	width: auto;
	height: 100vh;
}

/*首页banner*/
.swiper1 {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0px;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: 0
}

.swiper1 .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.swiper1 .swiper-slide .banner-content+div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.animated {
	-webkit-animation: imageAnimation 36s linear 0s;
	-moz-animation: imageAnimation 36s linear 0s;
	-o-animation: imageAnimation 36s linear 0s;
	-ms-animation: imageAnimation 36s linear 0s;
	animation: imageAnimation 36s linear 0s
}

@-webkit-keyframes imageAnimation {
	0% {
		-webkit-transform: scale(1.1);
		-webkit-animation-timing-function: ease-in
	}

	8% {
		-webkit-transform: scale(1.05);
		-webkit-animation-timing-function: ease-out
	}

	17% {
		-webkit-transform: scale(1);
		-webkit-animation-timing-function: ease-out
	}

	25% {
		-webkit-transform: scale(1);
		-webkit-animation-timing-function: ease-out
	}
}

/* .bannerbg{background: url(../images/index/banner.jpg) center center no-repeat; background-size: cover;height: 100%;} */

.slideContent {
	background: url(../images/index/banner.jpg) center center no-repeat;
	background-size: cover;
	height: 100%;
}


.banner-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 5;
}

.banner-text {
	font: 600 32px/1 var(--PFR);
	padding: 0 0 42px 0;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 6px
}

@media only screen and (min-width:992.1px) {
	.banner-text {
		font-size: 38px;
	}
}

@media only screen and (min-width:1366.1px) {
	.banner-text {
		font-size: 42px;
	}
}

.banner-content p {
	font: 500 18px var(--PFR);
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 2px
}

.banner-btn {
	width: 413px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding-top: 194px;
}

.banner-btn div {
	border-radius: 10px;
	width: 180px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.4s;
}

.banner-btn div:hover {
	transform: scale(1.1);
}

.banner-btn div:nth-of-type(1) {
	border: 1px solid #FEEFCC;
}

.banner-btn div:nth-of-type(2) {
	background-color: #FEEFCC;
}

.banner-btn div a {
	font: 400 16px/1 var(--PFR)
}

.banner-btn div:nth-of-type(1) a {
	color: #FEEFCC;
}

.banner-btn div:nth-of-type(2) a {
	color: #000000;
}

.swiper-pagination {
	position: absolute;
	bottom: 150px !important;
}

.swiper-pagination-bullet-active {
	background-color: #333333 !important;
	width: 60px !important;
}

.swiper-pagination-bullet {
	width: 10px;
	background-color: #999999 !important;
	height: 6px !important;
	border-radius: 3px !important;
}

.slideActived {
	position: relative;
}

.slideActived:after {
	content: '';
	display: block;
	border-bottom: 2px solid #DAB660;
	margin: 0 auto;
	border-radius: 4px;
	position: absolute;
	left: 0;
	bottom: 2px;
}


/*各版块标题公用*/
.funny .title h2,
.introduce .title h2,
.wallet-right h2,
.wallet-left h2 {
	margin-bottom: 16px;
	font: 500 34px/34px var(--PFM);
	color: #333333;
	text-align: center;
}

.programme .title h2 {
	margin-bottom: 0px;
	font: 500 34px/34px var(--PFM);
	color: #333333;
	text-align: center;
}

.funny .title p,
.introduce .title p,
.programme .title p,
.wallet-right p,
.wallet-left p {
	font: 400 16px/28px var(--PFR);
	color: #666666;
	text-align: center;
	white-space: pre-wrap;
	word-break: break-word;
}

/* 投资乐趣 */
.funny {
	background: url(../img/funnybg.png) no-repeat;
	background-size: cover;
}

.wrapper {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.funny .title {
	padding: 100px 0 70px 0;
}

.funny .title h2 {}

.funny .title p {}

.funny ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 80px;
	width: 100%;
}

.funny ul li {
	margin: 20px 1%;
	padding: 20px 20px 0;
	min-width: 240px;
	width: 22%;
	height: 280px;
	justify-content: flex-start;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #F4F7FA;
	box-sizing: border-box;
}

.funny ul li img {
	margin-bottom: 20px;
	width: 56px;
	height: 56px;
	display: block;
}

.funny ul li p:nth-of-type(1) {
	margin-bottom: 20px;
	font: 500 22px/22px var(--PFM);
	color: #333333;
	text-align: center;
}

.funny ul li p:nth-of-type(2) {
	font: 400 14px/26px var(--PFR);
	text-align: center;
	color: #616161;
}

/* 公司介绍 */
.introduce {
	background-color: #F4F7FA;
}

.introduce .title {
	padding: 80px 0 42px;
}

.introduce .title h2 {
	margin-bottom: 24px;
}

.introduce .title p {
	margin: auto;
	max-width: 930px;
	width: 100%;
	text-align: center;
}

.introduce ul {
	margin: auto;
	width: 100%;
	max-width: 1100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}

.introduce ul li {
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.introduce ul li img {
	width: 56px;
	height: 56px;
	display: block;
	margin-right: 16px;
}

.introduce ul li .left p:nth-of-type(1) {
	font: 400 14px/1 var(--PFR);
	color: #666;
	padding-bottom: 5px;
	text-align: center;
}

.introduce ul li .left p:nth-of-type(2) {
	font: 500 24px/1 var(--PFM);
	color: #333333;
	text-align: right;
}

.introduce .companyMore {
	padding: 40px 0 40px 0;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font: 500 14px var(--PFR);
	color: #333333;
	cursor: pointer;
}

.introduce .companyMore img {
	margin-left: 2px;
	margin-top: 2px;
	width: 14px;
}

.introduce .company-video {
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding-bottom: 80px;
}

.company-video #companyVideo {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
}

@media only screen and (max-width: 1000px) {
	.introduce .company-video {
		max-width: 640px;
	}

	.company-video #companyVideo {
		object-fit: contain;
	}
}

.introduce .company-video-icon {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	margin: 0 auto;
	cursor: pointer;
}


/* 解决方案 */
.programme {
	background: url(../img/funnybg.png) no-repeat;
	background-size: cover;
}

.wrapper {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.programme .title {
	padding: 100px 0 70px 0;
}

.programme .title h2 {}

.programme .title p {}

.programme ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 80px;
	width: 100%;
}

.programme ul li {
	margin: 20px 1%;
	padding: 20px 20px 0;
	min-width: 240px;
	width: 22%;
	height: 280px;
	justify-content: flex-start;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #F4F7FA;
	box-sizing: border-box;
}

.programme ul li img {
	margin-bottom: 20px;
	width: 180px;
	height: 180px;
	display: block;
}

.programme ul li p:nth-of-type(1) {
	margin-bottom: 20px;
	font: 500 22px/22px var(--PFM);
	color: #333333;
	text-align: center;
}

.programme ul li p:nth-of-type(2) {
	font: 400 14px/26px var(--PFR);
	text-align: center;
	color: #616161;
}


.bot {
	background: #212121;
	overflow: hidden;
	color: #999;
	padding: 50px 0 30px;
	line-height: 32px;
}
.bot .hz{
	width: 1400px;
	margin: 0 auto;
}

.foot-logo {
	float: left;
	width: 20%;
}

.foot-logo img {
	height: 55px;
}

.foot-lxfs {
	float: left;
	width: 25%;
	margin-left: 5%;
}

.foot-hz-nav {
	float: left;
	margin-right: 20%;
}

.foot-hz-cd {
	font-size: 16px;
	color: #fff;
	padding-bottom: 8px;
	font-weight: bold;
}

.foot-hz-menu {
	margin-top: 20px;
}

.foot-hz-menu li {
	line-height: 32px;
	font: 400 14px / 26px var(--PFR);
}

.foot-hz-menu a {
	color: #999;
}

.foot-hz-menu a:hover {
	color: #fff;
}


.foot-contact {
	float: left;
	padding-left: 8%;
}

.foot-hz-lxwm {
	margin-top: 15px;
	line-height: 30px;
	font: 400 14px / 26px var(--PFR);
}

.foot-hz-lxwm a {
	color: #999;
}

.foot-hz-lxwm a:hover {
	color: #fff;
}

.foot-right {
	float: right;
}

.foot-left-tb {
	margin-top: 30px;
	text-align: center;
}

.index-copy-bj {
	text-align: center;
	padding: 15px 0;
	background-color: #0547b5;
	color: #fff;
}
.index-copy-bj a{
	color: #fff;
}

.index-copy {}

.index-copy a {
	color: #fff;
}

.index-copy a:hover {
	color: #fff
}

.foot-bq-pc {
	margin: 5px 0 10px 0;
	overflow: hidden;
}

.foot-bq-pc li {
	float: left;
	margin: 0 5px;
}

.foot-bq-pc li a {
	color: #999;
}

.foot-bq-pc li a:hover {
	color: #fff;
}


.banner_text1 {
	color: #fff;
	position: absolute;
	top: 45%;
	width: 100%;
	text-align: center;
	z-index: 998;
	animation-delay: 0.4s;
}

.banner_text1 h1 {
	font-size: 40px;
	line-height: 100px;
}

.banner_text1 p {
	font-size: 22px;
}

.banner_text1 h2 {
	font-size: 28px;
}


@media(max-width: 640px){
	.introduce .title {
	    padding: 40px 20px;
	}
	.introduce .company-video img{
		width: 100%;
	}
}