/* 
@keyframes updown {
	
	0% {
		transform: translateY(0);
	}

	30% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0);
	}
	 35% {
		transform: translateY(0);
	}
	
	70% {
		transform: translateY(-70%);
	}
	
	100% {
		transform: translateY(-200%);
	}
}

@keyframes dropDown {
  0% {
    top: 0;
    opacity: 1;
  }
  
 40% {
    opacity: 0.6;
  }
  
  100% {
    top: 35%;
    opacity: 0;
  }
}

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

	30% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(10px);
	}
}

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

	30% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(-10px);
	}
}



.banner {
	width: 1920px;
	min-height: 100vh;
	background-image: url('https://bjdzc.cn/PC/img/indexBanner.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #0E1843;
	padding-top: 100px;
	position: relative;
	margin: auto;
}

.bannerTitle1 {
	width: 375px;
	display: block;
	margin-bottom: 20px;
	margin-left: 409px;
	margin-top: 144px;
}

.bannerTitle2 {
	width: 583px;
	margin-left: 409px;
	display: block;
}


.Rub{
	width: 176px;
	height: 153px;
	position: absolute;
	top: 766px;
	left: 371px;
}

.indexRubCenter{
	width: 146px;
	position: absolute;
	left: 17px;
	top: 12px;
	animation: updownRight 3.5s ease-in-out infinite;
	z-index: 5;
}

.indexRubCenterTop{
	width: 15px;
	position: absolute;
	left:85px;
	top:20px;
	animation: updownLeft 3s ease-in-out infinite;
}

.indexRubLeftTop{
	width: 30px;
	position: absolute;
	left:15px;
	top:15px;
	animation: updownLeft 3.5s ease-in-out infinite;
}

.indexRubLeftBottom{
	width: 25px;
	position: absolute;
	left:0px;
	bottom:5px;
	animation: updownLeft 4s ease-in-out infinite;
}

.indexRubRightTop{
	width: 30px;
	position: absolute;
	right:5px;
	top:25px;
	animation: updownLeft 4.5s ease-in-out infinite;
}

.indexRubRightBottom{
	width: 35px;
	position: absolute;
	right:0px;
	bottom:0px;
	animation: updownLeft 3s ease-in-out infinite;
}

.rocket {
	width: 155px;
	left: 1137px;
	position: absolute;
	top: 300px;
	animation: updown 1.2s ease infinite;
}

.side1 {
	position: absolute;
	right: 185px;
	top: 0px;
	width: 140px;
	animation: dropDown 2s ease infinite;
}

.side2 {
	position: absolute;
	right: 221px;
	top: 0px;
	width: 100px;
	animation: dropDown 2s ease .8s infinite;
}

.side3 {
	position: absolute;
	right: 251px;
	top: 0px;
	width: 100px;
	animation: dropDown 2s ease 1.3s infinite;
}

.side4 {
	position: absolute;
	right: 85px;
	top: 0px;
	width: 80px;
	animation: dropDown 2s ease 1s infinite;
}
 */



html{
	height: 100vh;
	overflow: hidden;
}

.symBottom{
    margin-top: 25px;
}



/* 火箭运动的动画 */
/* animation: updown 1s ease-in-out infinite; */
@keyframes updown {

	/* 火箭原地蓄力 */
	0% {
		transform: translateY(0);
	}

	30% {
		transform: translateY(-0.2rem);
	}

	100% {
		transform: translateY(0);
	}

	/* 火箭飞走 */
	/* 35% {
		transform: translateY(0);
	}
	
	70% {
		transform: translateY(-70%);
	}
	
	100% {
		transform: translateY(-200%);
	} */
}

/* 火箭起飞动画 */
/*@keyframes launch {
	0% {
		transform: translateY(0) rotate(0);
	}

	70% {
		transform: translateY(-700px);
	}
    
    95%{
        opacity: 1;
    }
	100% {
		transform: translateY(-700px);
		opacity: 0;
	}
}*/

@keyframes launch {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-15px);
	}

	100% {
		transform: translateY(0px);
	}
}

/* 阴影 */
@keyframes shadowMove {
	0% {
		transform: translateY(0px);
	}
	
	50% {
		transform: scale(0.5);
	}
	
	100% {
		transform: translateY(0px);
	}
}


/*火焰出现消失动画*/
@keyframes flame {
	0% {
		transform: translateY(0) rotate(0);
		opacity: 0;
	}

	20% {
		opacity: 1;
	}

	70% {
		transform: translateY(-700px);
	}

	60% {
		opacity: 0;
	}

	100% {
		opacity: 0;
		transform: translateY(-700px);
	}
}

/* 方块掉落的动画 */
@keyframes dropDown {
	0% {
		top: 0;
		opacity: 1;
	}

	40% {
		opacity: 0.6;
	}

	100% {
		top: 35%;
		opacity: 0;
	}
}

/* 左边魔方块动画 */
@keyframes updownLeft {
	0% {
		transform: translateY(0.1rem);
	}

	30% {
		transform: translateY(-0.1rem);
	}

	100% {
		transform: translateY(0.1rem);
	}
}

/* 右边魔方块动画 */
@keyframes updownRight {
	0% {
		transform: translateY(-0.1rem);
	}

	30% {
		transform: translateY(0.1rem);
	}

	100% {
		transform: translateY(-0.1rem);
	}
}


.symBottom{
    margin-top: 0.25rem;
}


.banner {
	width: 100%;
	min-height: 100vh;
	background-image: url('https://bjdzc.cn/PC/img/indexBanner.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: #0E1843;
	padding-top: 100px;
}

.bannerTitle1 {
	/* width: 3.75rem; */
	/* height: 0.9rem; */
	display: block;
	margin-bottom: 0.2rem;
	margin-left: 4.09rem;
	margin-top: 1.04rem;
	color: #FFF;
	font-size: 0.75rem;
	font-family: 'ZiHun143';
}

.bannerTitle2 {
	/* width: 5.83rem; */
	margin-left: 4.09rem;
	/* height: 0.9rem; */
	display: block;
	color: #FFF;
	font-size: 0.75rem;
	font-family: 'ZiHun143';
}


/* 魔方样式 */
.Rub {
	width: 1.76rem;
	height: 1.53rem;
	position: absolute;
	top: 7.66rem;
	left: 3.75rem;
}

.indexRubCenter {
	width: 1.46rem;
	position: absolute;
	/* height: 1.53rem; */
	left: 0.17rem;
	top: 0.12rem;
	animation: updownRight 3.5s ease-in-out infinite;
	z-index: 5;
}

.indexRubCenterTop {
	width: 0.15rem;
	position: absolute;
	left: 0.85rem;
	top: 0.2rem;
	animation: updownLeft 3s ease-in-out infinite;
}

.indexRubLeftTop {
	width: 0.3rem;
	position: absolute;
	left: 0.15rem;
	top: 0.15rem;
	animation: updownLeft 3.5s ease-in-out infinite;
}

.indexRubLeftBottom {
	width: 0.25rem;
	position: absolute;
	left: 0rem;
	bottom: 0.05rem;
	animation: updownLeft 4s ease-in-out infinite;
}

.indexRubRightTop {
	width: 0.3rem;
	position: absolute;
	right: 0.05rem;
	top: 0.25rem;
	animation: updownLeft 4.5s ease-in-out infinite;
}

.indexRubRightBottom {
	width: 0.35rem;
	position: absolute;
	right: 0rem;
	bottom: 0rem;
	animation: updownLeft 3s ease-in-out infinite;
}

/* 火箭样式 */
.rocket {
	width: 1.55rem;
	left: 11.37rem;
	position: absolute;
	top: 3rem;
	z-index: 10;
	animation: launch 5s ease-out infinite;
	/*animation-delay: 1.5s;*/
	/*animation-iteration-count: 1;*/
	/*animation-fill-mode: forwards;*/
}

/*阴影*/
.shadow{
	width: 1.5rem;
	top: 4.2rem;
	left: 11.35rem;
	position: absolute;
	z-index: 9;
	animation: shadowMove 5s ease infinite;
}

/* 火箭的火 */
.fire {
	/*width: 0.66rem;*/
	/*height: 0.82rem;*/
	position: absolute;
	/*left: 11.8rem;
	top: 4.65rem;*/
	z-index: 9;
	animation: flame 2.5s ease-out infinite;
	animation-delay: 1.5s;
	animation-iteration-count: 1;
	opacity: 0;
	
	width: 1rem;
	left: 11.65rem;
    top: 4.4rem;
}

/* 坠落方块样式 */
.side1 {
	position: absolute;
	left: 16.61rem;
	top: 0rem;
	width: 1.4rem;
	opacity: 0;
	animation: dropDown 2s ease infinite;
}

.side2 {
	position: absolute;
	left: 15.26rem;
	top: 0rem;
	width: 1rem;
	opacity: 0;
	animation: dropDown 2s ease .8s infinite;
}

.side3 {
	position: absolute;
	left: 16.29rem;
	top: 0rem;
	width: 1rem;
	opacity: 0;
	animation: dropDown 2s ease 1.3s infinite;
}

.side4 {
	position: absolute;
	left: 16.88rem;
	top: 0rem;
	width: 0.8rem;
	opacity: 0;
	animation: dropDown 2s ease 1s infinite;
}



.twoBanner {
	width: 100%;
	min-height: 100vh;
}

.twoItemWhole {
	width: 25%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	float: left;
}

.twoTextBox {
	width: 249px;
	min-height: 189px;
	background: rgba(0, 0, 0, 0.6);
	margin: 62vh auto 0px;
	overflow: hidden;
}

.twoItemWhole:hover .twoTextBox {
	width: 100%;
	height: 100%;
	transition: .3s;
	margin-top: 0px;
	padding-top: 62vh;
}

.twoTitle {
	text-align: center;
	font-size: 60px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.5;
	margin-bottom: 33px;
	margin-top: 23px;
}

.twoContent {
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.5;
}

.yw {
	width: 100%;
	background-color: #3053EB;
	height: 100vh;
	padding-top: 100px;
	position: relative;
	background-image: url('https://bjdzc.cn/PC/img/indexLeft.png'), url("https://bjdzc.cn/PC/img/indexRight.png");
	background-size: 256px, 256px;
	background-position: 5% 95%, 95% 95%;
	background-repeat: no-repeat;
}

.ywContent {
	margin-top: 100px;
}

.ywItem {
	width: 285px;
	min-height: 276px;
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0rem 2px 8px 0rem rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	border: 1px solid #FFFFFF;
	padding: 15px 0px 23px 0px;
	color: #FFF;
	transition: .3s;
}

.ywItem:hover {
	background: rgb(255, 255, 255);
	color: #3053EB;
}

.ywRight,
.ywLeft {
	float: left;
	margin-right: 50px;
}

.ywIconBox {
	width: 79px;
	height: 79px;
	margin: auto;
}

.ywIcon {
	width: 100%;
	height: 100%;
	display: block;
}

.ywTitle {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin: 8px 0px 15px 0px;
}

.ywText {
	margin: 0px 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.ywImgBox {
	width: 576px;
	height: 616px;
	float: left;
	margin: 0px 26px 0px 27px;
}

.ywImg {
	width: 100%;
	height: 100%;
	display: block;
}

.indexLeftBack {
	position: absolute;
	width: 258px;
	height: 372px;
	bottom: 0px;
	left: 80px;
}

.indexRightBack {
	position: absolute;
	width: 256px;
	height: 367px;
	bottom: 0px;
	right: 80px;
}

.ray {
	width: 39px;
	height: 0px;
	position: absolute;
	left: 220px;
	top: 0px;
	transition: 1s;
	top: 167px;
}

.animate {
	height: 167px;
	top: 0px;
}



.about {
	width: 100%;
	min-height: 100vh;
	padding-top: 100px;
	position: relative;
	background-color: #fff;
	background-image: url('https://bjdzc.cn/PC/img/indexLeft.png'), url("https://bjdzc.cn/PC/img/indexRight.png");
	background-size: 256px, 256px;
	background-position: 5% 95%, 95% 95%;
	background-repeat: no-repeat;
	/* padding-left: 274px; */
}



.aboutLeft {
	width: 656px;
	height: 570px;
	float: left;
}

.aboutImg {
	width: 100%;
	height: 100%;
	display: block;
}

.aboutRight {
	/* width: 656px; */
	/* height: 570px; */
	float: left;
	margin-left: 153px;
	position: relative;
}

.aboutText {
	width: 465px;
	min-height: 269px;
	font-size: 16px;
	color: #444;
	line-height: 1.5;
	margin-top: 53px;
}

.aboutTextTop {
	margin-bottom: 10px;
}

.aboutTitle {
	color: #333;
	font-weight: bold;
}

.aboutTextButton {
	border: 2px solid #333333;
	padding: 7px 19px;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 1.5;
	display: table;
	margin: 18px auto 0px auto;
}


.twoLeftItem {
	margin-bottom: 8px;
	font-size: 22px;
	font-family: "SiYuanHeiTiFine";
	font-weight: 400;
	color: #333333;
	line-height: 1.5;
}

.twoLeftItemTitle {
	font-weight: bold;
	font-family: "SiYuanHeiTi";
}



.aboutIcon1 {
	width: 15px;
	height: 17px;
	display: block;
	position: absolute;
	top: 105px;
	right: 61px;
}

.aboutIcon2 {
	width: 49px;
	height: 56px;
	display: block;
	position: absolute;
	top: 70px;
	right: -37px;
}

.aboutIcon3 {
	width: 31px;
	/* height: 35px; */
	display: block;
	position: absolute;
	bottom: 0px;
	right: 30px;
}


.join {
	width: 100%;
	/* min-height: 100vh; */
	height: 100vh;
	padding-top: 100px;
	position: relative;
	background-color: #3053EB;
	background-position-y: 100%;
	position: relative;
	background-image: url('https://bjdzc.cn/PC/img/indexLeft.png');
	background-size: 256px;
	background-position: 5% 95%;
	background-repeat: no-repeat;
}

.joinContent {
	background-image: url('https://bjdzc.cn/PC/img/aboutLcLeftImg.png');
	background-repeat: no-repeat;
	background-size: 780px;
	background-position: 100% 100%;
	/* padding-left: 25%; */
}

.joinItemWhole {
	width: 345px;
	margin: 40px 0px 0px 48px;
}

.joinItem {
	width: 100%;
	height: 76px;
	display: block;
}

.joinIcon {
	width: 47px;
	height: 27px;
	display: block;
	margin: 5px auto;
}




.news {
	width: 100%;
	height: 100vh;
	/* padding-top: 100px; */
	background-color: #FFF;
	position: relative;
}

.newsTitle {
	font-size: 46px;
	font-weight: bold;
	color: #333333;
	line-height: 1.5;
	padding: 30px 0px 50px;
	text-align: center;
}

.newsTitleStyle {
	margin-bottom: 10px;
}

.newsItem {
	margin: 0px 25px;
	margin-bottom: 20px;
	float: left;
}

.newsContent{
	height: 605px;
}

.newsImg {
	width: 250px;
	height: 165px;
	border-radius: 10px;
}

.newsTextBox {
	width: 250px;
	height: 92px;
}

.newsItemTitle {
	font-size: 22px;
	font-weight: 500;
	color: #333333;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newsItemText {
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 7px 0px 12px 0px;
	height: 14px;
}

.newsItemButton {
	width: 140px;
	height: 37px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #4D74FF;
	line-height: 37px;
	border: 1px solid #4D74FF;
	text-align: center;
}

.newsItemButton:hover {
	background-color: #4D74FF;
	color: #FFF !important;
}




.pal {
	width: 100%;
	height: 100vh;
	background-color: #FFF;
	padding-top: 100px;
}

.palItemWhole {
	width: 25%;
	height: calc(50vh - 50px);
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	background-position: 50% 50%;
}

.palMask {
	opacity: 0;
	transition: .3s;
	background: rgba(48, 83, 235, 0.6);
	width: 100%;
	height: 100%;
	overflow: hidden;
	/* padding-top: 93px; */
}

.palItemWhole:hover .palMask {
	opacity: 1;
}

.palMaskText {
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.5;
}

.palMaskImg {
	/* width: 86px; */
	height: 86px;
	margin: 0px auto 28px auto;
	display: block;
}

.palRen{
	width: 100%;
	height: 100vh;
	padding-top: 100px;
	background-color: #FFF;
}

.palRenContent{
	width: 1069px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
}

.palRenItem{
	float: left;
	width: 340px;
	height: 153px;
	margin-bottom: 12px;
}
.palRenItemCenter{
	margin: 0px 24px 12px 25px;
}

.palRenImg{
	width: 100%;
	height: 100%;
	display: block;
}




.newsTitle{
	width: 1125px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
  	place-items: center; /* 水平和垂直居中 */
	position: relative;
}

.newsTitleText{
	float: left;
	cursor: pointer;
}

.newsTitleText1{
	margin-right: 30px;
}

.newsTitleTextBox{
	margin: 0 auto;
	float: left;
}

.cur{
	color: #4D74FF;
}

.tabBoxWhole{
	position: absolute;
	left: 100px;
	top: 0px;
	height: 100%;
	width: 200px;
	display: grid;
  	place-items: center; /* 水平和垂直居中 */
	opacity: 0;
	transition: .3s;
}

.tabBox{
	width: 200px;
	height: 350px;
	border-radius: 20px;
	background-color: #4D74FF;
	padding: 20px;
	box-sizing: border-box;
	display: grid;
  	place-items: center; /* 水平和垂直居中 */
}

.tabItem{
	font-size: 20px;
	color: #FFF;
	width: 100%;
	text-align: center;
	padding: 12px 0;
	border: 1px solid transparent;
	cursor: pointer;
}

.tabCur{
	border: 1px solid #5EFFFF;
	font-weight: bold;
	color: #5EFFFF;
	border-radius: 20px;
}

.rightBox{
	position: absolute;
	right: 0px;
	height: 100%;
	top: 0px;
	display: grid;
  	place-items: center; /* 水平和垂直居中 */
}

.rightText{
	font-size: 15px;
	color: #4D74FF;
	font-weight: 600;
	border-radius: 25px;
	border: 2px solid #4D74FF;
	padding: 5px 10px;
	line-height: 30px;
	transition: .3s;
	cursor: pointer;
}
.rightText:hover{
	box-shadow: 0px 1px 4px 2px #33333350;
}

.rightTextCore{
	float: left;
}

.rightIcon{
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-left: 10px;
}


















/* 没超过1500 */
@media screen and (max-width:1500px) {
	/* 公共样式在首页同步改变 */
	.referMinBox{
	width: 2.02rem;
	height: 0.58rem;
	background: #FFFFFF;
	border-radius: 1rem;
	border: 0.02rem solid #3053EB;
	font-size: 0.2rem;
	font-weight: 500;
	line-height: 0.54rem;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin: 0rem auto 0rem auto;
}



.referMinBox:hover .buttonImg1Min{
	transform: translateY(0.03rem);
	transition: .3s;
}

.referMinBox:hover .buttonImg2Min{
	transform: translateY(0.03rem);
	transition: .5s;
}

.referMinBox:hover .buttonImg3Min{
	transform: translateY(0.03rem);
	transition: .9s;
}

.referMinBox:hover .buttonImg4Min{
	transform: translateY(0.03rem);
	transition: 1.2s;
}

.referMinBox:hover .buttonImg5Min{
	transform: translateY(0.03rem);
	transition: 1.5s;
}


.buttonImg1Min,.buttonImg2Min,.buttonImg3Min,.buttonImg4Min,.buttonImg5Min{
	width: 150%;
	position: absolute;
	bottom: 0rem;
	left: 0rem;
	transform: translateY(1rem);
	height: 0.75rem;
}

.buttonImg1Min{
	transition: 1.5s;
}

.buttonImg2Min{
	transition: 1.2s;
}

.buttonImg3Min{
	transition: .9s;
}

.buttonImg4Min{
	transition: .5s;
}

.buttonImg5Min{
	transition: 0.3s;
}

.referMin {
	position: relative;
	z-index: 2;
	color: #3053EB;
	transition: .5;
}

.referMin:hover{
    color: #FFF;
}


	/* 标题栏 */
	.titleBar{
		width: 4.55rem;
		min-height: 0.64rem;
		margin: auto;
	}
	
	.line{
		width: 1.15rem;
		height: 0.01rem;
		float: left;
		background-color: #FFF;
		margin-top: 0.32rem;
	}
	
	.titleText{
		width: 2.22rem;
		min-height: 0.75rem;
		border: 0.01rem solid #FFFFFF;
		font-size: 0.32rem;
		font-weight: bold;
		line-height: 0.64rem;
		text-align: center;
		float: left;
		position: relative;
	}
	
	.titleTextEngBox{
		width: 100%;
		position: absolute;
		bottom: -0.1rem;
	}
	
	.titleTextEng{
		font-size: 0.18rem;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 1.5;
		background-color: #3053EB;
		padding: 0rem 0.08rem 0rem 0.05rem;
		text-align: center;
		display: table;
		margin: auto;
		white-space: nowrap;
	}
	
	
	/* 火箭运动的动画 */
	/* animation: updown 1s ease-in-out infinite; */
	@keyframes updown {

		/* 火箭原地蓄力 */
		0% {
			transform: translateY(0);
		}

		30% {
			transform: translateY(-0.2rem);
		}

		100% {
			transform: translateY(0);
		}

		/* 火箭飞走 */
		/* 35% {
		transform: translateY(0);
	}
	
	70% {
		transform: translateY(-70%);
	}
	
	100% {
		transform: translateY(-200%);
	} */
	}

	/* 方块掉落的动画 */
	@keyframes dropDown {
		0% {
			top: 0;
			opacity: 1;
		}

		40% {
			opacity: 0.6;
		}

		100% {
			top: 35%;
			opacity: 0;
		}
	}

	/* 左边魔方块动画 */
	@keyframes updownLeft {
		0% {
			transform: translateY(0.1rem);
		}

		30% {
			transform: translateY(-0.1rem);
		}

		100% {
			transform: translateY(0.1rem);
		}
	}

	/* 右边魔方块动画 */
	@keyframes updownRight {
		0% {
			transform: translateY(-0.1rem);
		}

		30% {
			transform: translateY(0.1rem);
		}

		100% {
			transform: translateY(-0.1rem);
		}
	}



	.banner {
		width: 100%;
		min-height: 100vh;
		background-image: url('https://bjdzc.cn/PC/img/indexBanner.png');
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: #0E1843;
		padding-top: 1rem;
	}

	.bannerTitle1 {
	/* width: 3.75rem; */
	/* height: 0.9rem; */
	display: block;
	margin-bottom: 0.2rem;
	margin-left: 4.09rem;
	margin-top: 1.04rem;
	color: #FFF;
	font-size: 0.75rem;
	font-family: 'ZiHun143';
}

.bannerTitle2 {
	/* width: 5.83rem; */
	margin-left: 4.09rem;
	/* height: 0.9rem; */
	display: block;
	color: #FFF;
	font-size: 0.75rem;
	font-family: 'ZiHun143';
}


	/* 魔方样式 */
	.Rub {
		width: 1.76rem;
		height: 1.53rem;
		position: absolute;
		top: 7.66rem;
		left: 3.75rem;
	}

	.indexRubCenter {
		width: 1.46rem;
		position: absolute;
		/* height: 1.53rem; */
		left: 0.17rem;
		top: 0.12rem;
		animation: updownRight 3.5s ease-in-out infinite;
		z-index: 5;
	}

	.indexRubCenterTop {
		width: 0.15rem;
		position: absolute;
		left: 0.85rem;
		top: 0.2rem;
		animation: updownLeft 3s ease-in-out infinite;
	}

	.indexRubLeftTop {
		width: 0.3rem;
		position: absolute;
		left: 0.15rem;
		top: 0.15rem;
		animation: updownLeft 3.5s ease-in-out infinite;
	}

	.indexRubLeftBottom {
		width: 0.25rem;
		position: absolute;
		left: 0rem;
		bottom: 0.05rem;
		animation: updownLeft 4s ease-in-out infinite;
	}

	.indexRubRightTop {
		width: 0.3rem;
		position: absolute;
		right: 0.05rem;
		top: 0.25rem;
		animation: updownLeft 4.5s ease-in-out infinite;
	}

	.indexRubRightBottom {
		width: 0.35rem;
		position: absolute;
		right: 0rem;
		bottom: 0rem;
		animation: updownLeft 3s ease-in-out infinite;
	}

/* 火箭样式 */
.rocket {
	width: 1.55rem;
	left: 11.37rem;
	position: absolute;
	top: 3rem;
	z-index: 10;
	animation: launch 5s ease-out infinite;
	/*animation-delay: 1.5s;*/
	/*animation-iteration-count: 1;*/
	/*animation-fill-mode: forwards;*/
}

/*阴影*/
.shadow{
	width: 1.5rem;
	top: 4.2rem;
	left: 11.35rem;
	position: absolute;
	z-index: 9;
	animation: shadowMove 5s ease infinite;
}

/* 火箭的火 */
.fire {
	width: 0.66rem;
	height: 0.82rem;
	position: absolute;
	left: 11.8rem;
	top: 4.65rem;
	z-index: 9;
	animation: flame 2.5s ease-out infinite;
	animation-delay: 1.5s;
	animation-iteration-count: 1;
	opacity: 0;
}


	/* 坠落方块样式 */
	.side1 {
		position: absolute;
		left: 16.61rem;
		top: 0rem;
		width: 1.4rem;
		animation: dropDown 2s ease infinite;
	}

	.side2 {
		position: absolute;
		left: 15.26rem;
		top: 0rem;
		width: 1rem;
		animation: dropDown 2s ease .8s infinite;
	}

	.side3 {
		position: absolute;
		left: 16.29rem;
		top: 0rem;
		width: 1rem;
		animation: dropDown 2s ease 1.3s infinite;
	}

	.side4 {
		position: absolute;
		left: 16.88rem;
		top: 0rem;
		width: 0.8rem;
		animation: dropDown 2s ease 1s infinite;
	}





	.twoBanner {
		width: 100%;
		min-height: 100vh;
	}

	.twoItemWhole {
		width: 25%;
		height: 100vh;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
		float: left;
	}

	.twoTextBox {
		width: 2.49rem;
		min-height: 1.89rem;
		background: rgba(0, 0, 0, 0.6);
		margin: 62vh auto 0rem;
		overflow: hidden;
	}

	.twoItemWhole:hover .twoTextBox {
		width: 100%;
		height: 100%;
		transition: .3s;
		margin-top: 0rem;
		padding-top: 62vh;
	}

	.twoTitle {
		text-align: center;
		font-size: 0.6rem;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 1.5;
		margin-bottom: 0.33rem;
		margin-top: 0.23rem;
	}

	.twoContent {
		text-align: center;
		font-size: 0.2rem;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 1.5;
	}

	.yw {
		width: 100%;
		background-color: #3053EB;
		height: 100vh;
		padding-top: 1rem;
		position: relative;
		background-image: url('https://bjdzc.cn/PC/img/indexLeft.png'), url("https://bjdzc.cn/PC/img/indexRight.png");
		background-size: 2.56rem, 2.56rem;
		background-position: 5% 95%, 95% 95%;
		background-repeat: no-repeat;
	}

	.ywContent {
		margin-top: 1rem;
	}

	.ywItem {
		width: 2.85rem;
		min-height: 2.76rem;
		background: rgba(255, 255, 255, 0.2);
		box-shadow: 0px 0.02rem 0.08rem 0px rgba(0, 0, 0, 0.1);
		border-radius: 0.1rem;
		border: 0.01rem solid #FFFFFF;
		padding: 0.15rem 0rem 0.23rem 0rem;
		color: #FFF;
		transition: .3s;
	}

	.ywItem:hover {
		background: rgb(255, 255, 255);
		color: #3053EB;
	}

	.ywRight,
	.ywLeft {
		float: left;
		margin-right: 0.5rem;
	}

	.ywIconBox {
		width: 0.79rem;
		height: 0.79rem;
		margin: auto;
	}

	.ywIcon {
		width: 100%;
		height: 100%;
		display: block;
	}

	.ywTitle {
		text-align: center;
		font-size: 0.24rem;
		font-weight: bold;
		line-height: 1.5;
		margin: 0.08rem 0rem 0.15rem 0rem;
	}

	.ywText {
		margin: 0rem 0.2rem;
		font-size: 0.16rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.ywImgBox {
		width: 5.76rem;
		height: 6.16rem;
		float: left;
		margin: 0rem 0.26rem 0rem 0.27rem;
	}

	.ywImg {
		width: 100%;
		height: 100%;
		display: block;
	}

	.indexLeftBack {
		position: absolute;
		width: 2.58rem;
		height: 3.72rem;
		bottom: 0rem;
		left: 0.8rem;
	}

	.indexRightBack {
		position: absolute;
		width: 2.56rem;
		height: 3.67rem;
		bottom: 0rem;
		right: 0.8rem;
	}

	.ray {
		width: 0.39rem;
		height: 0rem;
		position: absolute;
		left: 2.2rem;
		top: 0rem;
		transition: 1s;
		top: 1.67rem;
	}

	.animate {
		height: 1.67rem;
		top: 0rem;
	}



	.about {
		width: 100%;
		min-height: 100vh;
		padding-top: 1rem;
		position: relative;
		background-color: #fff;
		background-image: url('https://bjdzc.cn/PC/img/indexLeft.png'), url("https://bjdzc.cn/PC/img/indexRight.png");
		background-size: 2.56rem, 2.56rem;
		background-position: 5% 95%, 95% 95%;
		background-repeat: no-repeat;
		/* padding-left: 2.74rem; */
	}



	.aboutLeft {
		width: 6.56rem;
		height: 5.7rem;
		float: left;
	}

	.aboutImg {
		width: 100%;
		height: 100%;
		display: block;
	}

	.aboutRight {
		/* width: 6.56rem; */
		/* height: 5.7rem; */
		float: left;
		margin-left: 1.53rem;
		position: relative;
	}

	.aboutText {
		width: 4.65rem;
		min-height: 2.69rem;
		font-size: 0.16rem;
		color: #444;
		line-height: 1.5;
		margin-top: 0.53rem;
	}

	.aboutTextTop {
		margin-bottom: 0.1rem;
	}

	.aboutTitle {
		color: #333;
		font-weight: bold;
	}

	.aboutTextButton {
		border: 0.02rem solid #333333;
		padding: 0.07rem 0.19rem;
		font-size: 0.16rem;
		font-weight: 400;
		color: #333333;
		line-height: 1.5;
		display: table;
		margin: 0.18rem auto 0rem auto;
	}
	
	.twoLeftItem {
		margin-bottom: 0.08rem;
		font-size: 0.22rem;
		font-family: "SiYuanHeiTiFine";
		font-weight: 400;
		color: #333333;
		line-height: 1.5;
	}
	
	.twoLeftItemTitle {
	
		font-weight: bold;
		font-family: "SiYuanHeiTi";
	}

	.aboutIcon1 {
		width: 0.15rem;
		height: 0.17rem;
		display: block;
		position: absolute;
		top: 1.05rem;
		right: 0.61rem;
	}

	.aboutIcon2 {
		width: 0.49rem;
		height: 0.56rem;
		display: block;
		position: absolute;
		top: 0.7rem;
		right: -0.37rem;
	}

	.aboutIcon3 {
		width: 0.31rem;
		/* height: 0.35rem; */
		display: block;
		position: absolute;
		bottom: 0rem;
		right: 0.3rem;
	}


	.join {
		width: 100%;
		/* min-height: 100vh; */
		height: 100vh;
		padding-top: 1rem;
		position: relative;
		background-color: #3053EB;
		background-position-y: 100%;
		position: relative;
		background-image: url('https://bjdzc.cn/PC/img/indexLeft.png');
		background-size: 2.56rem;
		background-position: 5% 95%;
		background-repeat: no-repeat;
	}

	.joinContent {
		background-image: url('https://bjdzc.cn/PC/img/aboutLcLeftImg.png');
		background-repeat: no-repeat;
		background-size: 7.8rem;
		background-position: 100% 100%;
		/* padding-left: 25%; */
	}

	.joinItemWhole {
		width: 3.45rem;
		margin: 0.4rem 0rem 0rem 0.48rem;
	}

	.joinItem {
		width: 100%;
		height: 0.76rem;
		display: block;
	}

	.joinIcon {
		width: 0.47rem;
		height: 0.27rem;
		display: block;
		margin: 0.05rem auto;
	}




	.news {
		width: 100%;
		height: 100vh;
		/* padding-top: 1rem; */
		background-color: #FFF;
		position: relative;
	}
	
	.newsTitle {
		font-size: 0.46rem;
		font-weight: bold;
		color: #333333;
		line-height: 1.5;
		padding: 0.3rem 0rem 0.5rem;
		text-align: center;
	}
	
	.newsTitleStyle {
		margin-bottom: 0.1rem;
	}
	
	.newsItem {
		margin: 0rem 0.25rem;
		margin-bottom: 0.2rem;
		float: left;
	}
	
	.newsContent{
		height: 6.05rem;
	}
	
	.newsImg {
		width: 2.5rem;
		height: 1.65rem;
		border-radius: 0.1rem;
	}
	
	.newsTextBox {
		width: 2.5rem;
		height: 0.92rem;
	}
	
	.newsItemTitle {
		font-size: 0.22rem;
		font-weight: 500;
		color: #333333;
		line-height: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.newsItemText {
		font-size: 0.14rem;
		font-weight: 400;
		color: #999999;
		line-height: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: 0.07rem 0rem 0.12rem 0rem;
		height: 0.14rem;
	}
	
	.newsItemButton {
		width: 1.4rem;
		height: 0.37rem;
		border-radius: 0.1rem;
		font-size: 0.14rem;
		font-weight: 400;
		color: #4D74FF;
		line-height: 0.37rem;
		border: 0.01rem solid #4D74FF;
		text-align: center;
	}
	
	.newsItemButton:hover {
		background-color: #4D74FF;
		color: #FFF !important;
	}





	.pal {
		width: 100%;
		height: 100vh;
		padding-top: 1rem;
		background-color: #FFF;
	}

	.palItemWhole {
		width: 25%;
		height: calc(50vh - 0.5rem);
		background-size: cover;
		background-repeat: no-repeat;
		float: left;
		background-position: 50% 50%;
	}

	.palMask {
		opacity: 0;
		transition: .3s;
		background: rgba(48, 83, 235, 0.6);
		width: 100%;
		height: 100%;
		overflow: hidden;
		/* padding-top: 0.93rem; */
	}

	.palItemWhole:hover .palMask {
		opacity: 1;
	}

	.palMaskText {
		text-align: center;
		font-size: 0.3rem;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 1.5;
	}

	.palMaskImg {
		/* width: 0.86rem; */
		height: 0.86rem;
		margin: 0rem auto 0.28rem auto;
		display: block;
	}
	
	
	.palRen{
		width: 100%;
		height: 100vh;
		padding-top: 1rem;
		background-color: #FFF;
	}
	
	.palRenContent{
		width: 10.69rem;
		margin-top: 0.6rem;
		margin-left: auto;
		margin-right: auto;
	}
	
	.palRenItem{
		float: left;
		width: 3.4rem;
		height: 1.53rem;
		margin-bottom: 0.12rem;
	}
	.palRenItemCenter{
		margin: 0rem 0.24rem 0.12rem 0.25rem;
	}
	
	.palRenImg{
		width: 100%;
		height: 100%;
		display: block;
	}
	
	
	.newsTitle{
	width: 11.25rem;
	margin-left: auto;
	margin-right: auto;
	display: grid;
  	place-items: center; /* 水平和垂直居中 */
	position: relative;
}

.newsTitleText{
	float: left;
	cursor: pointer;
}

.newsTitleText1{
	margin-right: 0.3rem;
}

.newsTitleTextBox{
	margin: 0 auto;
	float: left;
}

.cur{
	color: #4D74FF;
}

.tabBoxWhole{
	position: absolute;
	left: 1rem;
	top: 0rem;
	height: 100%;
	width: 2rem;
	display: grid;
  	place-items: center; /* 水平和垂直居中 */
	opacity: 0;
	transition: .3s;
}

.tabBox{
	width: 2rem;
	height: 3.5rem;
	border-radius: 0.2rem;
	background-color: #4D74FF;
	padding: 0.2rem;
	box-sizing: border-box;
	display: grid;
  	place-items: center; /* 水平和垂直居中 */
}

.tabItem{
	font-size: 0.2rem;
	color: #FFF;
	width: 100%;
	text-align: center;
	padding: 0.12rem 0;
	border: 0.01rem solid transparent;
	cursor: pointer;
}

.tabCur{
	border: 0.01rem solid #5EFFFF;
	font-weight: bold;
	color: #5EFFFF;
	border-radius: 0.2rem;
}

.rightBox{
	position: absolute;
	right: 0rem;
	height: 100%;
	top: 0rem;
	display: grid;
  	place-items: center; /* 水平和垂直居中 */
}

.rightText{
	font-size: 0.15rem;
	color: #4D74FF;
	font-weight: 600;
	border-radius: 0.25rem;
	border: 0.02rem solid #4D74FF;
	padding: 0.05rem 0.1rem;
	line-height: 0.3rem;
	transition: .3s;
	cursor: pointer;
}
.rightText:hover{
	box-shadow: 0rem 0.01rem 0.04rem 0.02rem #33333350;
}

.rightTextCore{
	float: left;
}

.rightIcon{
	width: 0.3rem;
	height: 0.3rem;
	display: block;
	float: left;
	margin-left: 0.1rem;
}
	
	
	/* 但超过1200 */
	@media screen and (min-width:1200px) {
		.typeArea{
			width: 12rem;
		}
		
		.aboutText{
			/* margin-left: 0.6rem; */
		}
	}
	

}




@keyframes moveUp {
 from {
 	transform: translateY(100px);
 	opacity: 0;
 }
 
 to {
 	transform: translateY(0);
	opacity: 1;
 }
}

.des {
	width: 3.55rem;
	left: 10.4rem;
	position: absolute;
	top: 1.75rem;
	z-index: 10;
	animation: moveUp;
	animation-delay: 2.3s;
	animation-duration: 1s;
	animation-timing-function:ease-in;
	animation-iteration-count: 1;
	opacity: 0.01;
	animation-fill-mode:forwards;
}

.lazy{
    opacity: 0;
    transition: .3s;
}