@charset "utf-8";



.topBanner {
	width: 100vw;
	height: 24.8vw;
	overflow: hidden;
	margin-top: 71px;



	/*height: 488px;*/
	/*padding-top: 408px;*/
	/*line-height: 1;*/
	/*color: #fff;*/

	/*overflow: hidden;*/
	/*position: relative;*/
}

.topBanner .topBannerImg {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: auto;
	background-size: cover;

	/*height: 100%;*/
	/*position: absolute;*/
	/*top: 0;*/
	/*!*left: 50%;*!*/
	/*width: 100%;*/
	/*max-width: 1920px;*/
	/*margin-left: -960px;*/
}

.topBanner .tit {
	font-size: 42px;
	color: #FFFFFF;
}

.topBanner .des {
	width: 619px;
	font-size: 20px;
	color: #FFFFFF;
	margin: 44px 0 60px;
	line-height: 1.6;
}

.topBanner a {
	display: block;
	text-align: center;
	line-height: 50px;
	width: 180px;
	height: 50px;
	background: #FFFFFF;
	border-radius: 25px;
	font-size: 20px;
	color: #2974FF;
}

.etitle {
	text-align: center;
	position: relative;
	font-size: 38px;
	color: #222;
	line-height: 1;
	margin-bottom: 90px;
	padding-top: 90px;
}

.etitle::after {
	content: '';
	display: block;
	width: 100px;
	height: 4px;
	background: #2974FF;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top: 100%;
	margin-top: 30px;
}

.sbox {
	padding-bottom: 90px;
}

.box1 {
	height: 850px;
	background: #F8FBFF;
}

.box1 .lbox {
	width: 594px;
	height: 594px;
	background: url('../img/yxdsjfxpt/box1bg.png');
	float: left;
}

.box1 .lbox .item {
	width: 250px;
	height: 64px;
	background: #FFFFFF;
	box-shadow: 0px 6px 20px 0px rgba(212, 218, 232, 0.3);
	border-radius: 32px;
	position: absolute;
	padding: 0 16px;
	font-size: 18px;
	font-weight: bold;
	color: #222222;
	transition: .3s;
}

.box1 .lbox .item:hover {
	transform: scale(1.1);
	cursor: pointer;
}

.box1 .lbox .item img {
	margin-right: 10px;
}

.box1 .lbox .item1 {
	top: 264px;
	left: 357px;
}

.box1 .lbox .item2 {
	top: 78px;
	left: 419px;
}

.box1 .lbox .item3 {
	top: 122px;
	left: 31px;
}

.box1 .lbox .item4 {
	top: 384px;
	left: -14px;
}

.box1 .lbox .item5 {
	top: 431px;
	left: 406px;
}

.box1 .rbox {
	margin-left: 222px;
}

.box1 .rbox .tit {
	font-size: 28px;
	font-weight: bold;
	color: #222222;
}

.box1 .rbox .line {
	width: 30px;
	height: 2px;
	background: #2974FF;
	margin: 30px 0;
}

.box1 .rbox .des {
	font-size: 16px;
	color: #5574AD;
	line-height: 1.6;
}

.box1 .rbox .item {
	display: none;
}


.box2 .item {
	height: 230px;
	background: #FFFFFF;
	border: 1px solid #DCE6FF;
	border-radius: 6px;
	padding: 46px 36px;
	width: 32%;
	margin-bottom: 30px;
}



.box2 .item .tit {
	font-size: 20px;
	color: #222222;
	margin-top: 31px;
	margin-bottom: 17px;
}

.box2 .item .des {
	font-size: 16px;
	color: #858FA1;
	line-height: 24px;
}

.box3 {
	background: #F8FBFF;
}

.box4 {
	text-align: center;
	padding-bottom: 0;
}

.box4 img {
	display: block;
}

.box4 span {
	color: #2974ff;
}

.box4 .box4title {
	font-size: 38px;
	color: #222222;
}

.box4 .box4title .box4titledes {
	margin-top: 10px;
	margin-bottom: 70px;
}

.box4 .box4Des {
	line-height: 2;
}



.box4 .ssbox1 {
	position: relative;
	overflow: hidden;
	padding: 90px 0;
}

.box4 .ssbox1::before {
	content: '';
	display: block;
	position: absolute;
	width: 338px;
	height: 300px;
	background: #3A89FF;
	opacity: 0.1;
	border-radius: 100%;
	left: -100px;
	top: -100px;
}

.box4 .ssbox1::after {
	content: '';
	display: block;
	position: absolute;
	width: 338px;
	height: 300px;
	background: #3A89FF;
	opacity: 0.1;
	border-radius: 100%;
	right: -100px;
	bottom: -100px;
}


.box4 .ssbox2 {
	position: relative;
	overflow: hidden;
	padding-top: 90px;
	padding-bottom: 90px;
	background: #F8FBFF;
}

.box4 .ssbox3 {
	position: relative;
	overflow: hidden;
	padding: 70px 0 0;
	background: #292C34;
}

.box4 .ssbox3 .box4title {
	color: #fff;
}

.box5 {
	background: url('../img/yxdsjfxpt/box5bg.png') center;
	height: 950px;
	color: #fff;
}

.box5 .etitle {
	color: #fff;
}

.box5 .etitle::after {
	background: #fff;
}

.box5 .toplist .item {
	width: 190px;
	text-align: center;
	margin-bottom: 100px;
}

.box5 .toplist .item::before {
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	background: #FFFFFF;
	opacity: 0.5;
	margin: 0 auto 30px;
}

.box5 .toplist .item .tit {
	font-size: 16px;
	color: #FFFFFF;
	min-height: 80px;
	line-height: 1.6;
	margin-bottom: 20px;
}

.box5 .toplist .item .num {
	width: 46px;
	height: 46px;

	font-size: 16px;

	color: #9DBEFF;
	font-weight: bold;
	line-height: 46px;
	background: url('../img/yxdsjfxpt/box5mnbg.png');
	display: block;
	margin: 0 auto;
}


.box5 .box5menus {
	width: 180px;
	height: 350px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.5);
	line-height: 70px;
	text-align: center;
	margin-right: 54px;
}

.box5 .box5menus .item {
	font-size: 18px;
	color: #C2D7FF;
	cursor: pointer;
}

.box5 .box5menus .item.act {
	color: #FDFDFD;
	background: url('../img/yxdsjfxpt/box5lbg.png');
}

.box5 .ritem {
	padding: 10px 0;
}

.box5 .ritem .list .item {
	width: 156px;
	height: 150px;
	background: #FFFFFF;
	border: 1px solid #DCE6FF;
	border-radius: 6px;
	padding: 10px 13px;
	margin-right: 23px;
	margin-bottom: 10px;
	margin-bottom: 23px;
	text-align: center;
}

.box5 .ritem .list .item:nth-child(6n) {
	margin-right: 0;
}

.box5 .ritem .list .item img {
	width: 130px;
	height: 96px;
	border-radius: 6px;
}

.box6 .item {
	text-align: center;
	width: 33.3333%;
}

.box6 .item img {}

.box6 .item .tit {
	font-size: 24px;
	color: #222222;
	margin-top: 30px;
	margin-bottom: 20px;

}

.box6 .item .des {
	font-size: 16px;
	color: #858FA1;

}

.box6 .item a {
	display: block;
	text-align: center;
	width: 150px;
	height: 40px;
	background: #2974FF;
	border-radius: 20px;
	line-height: 40px;
	color: #fff;
	margin: 0 auto;
	margin-top: 30px;
}

.box6 .item a:hover {
	transform: scale(1.1);
}

@media (max-width:1440px) {


	.topBanner {
		width: 100vw;
		height: 24.8vw;
		overflow: hidden;
		margin-top: 71px;

		/*height: 488px;*/
	}

	.topBanner .topBannerImg {
		max-width: 100%;
		max-height: 100%;
		width: 100%;
		height: auto;
		background-size: cover;

		/*width: auto;*/
		/*transform: translateX(-50%);*/
		/*margin-left: 0;*/
	}
}
