.WholeNull{
	padding-top: 100px !important;
}

.pageActive1{
    color: #3053EB !important;
    border: 1px solid #3053EB !important;
}

#tab{
	width: 100%;
	height: 1px;
	position: absolute;
	top: -102px;
}

/* 在屏幕上并且最大的宽度为6.37rem时 设置想要的样式 */
@media screen and (max-width:637px) {
	.WholeNull{
		padding-top: 160px !important;
	}
}

/* 在屏幕上并且最大的宽度为3.28rem时 设置想要的样式 */
@media screen and (max-width:328px) {
	.WholeNull{
		padding-top: 220px !important;
	}
}


.banner{
	width: 100%;
	height: 500px;
	background-image: url('https://bjdzc.cn/PC/img/caseBanner.png');
	background-size: cover;
	padding-top: 162px;
	background-repeat: no-repeat;
}

.bannerTitle{
	font-size: 50px;
	font-family: 'SiYuanHeiTi';
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.5;
	margin-bottom: 49px;
}

.bannerText{
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.5;
}

.bannerImg{
	width: 100%;
	height: 500px;
	display: block;
}



.tab{
	padding-left: 36px;
	padding-right: 36px;
	margin: auto;
	margin-top: 28px;
	margin-bottom: 50px;
	width: 955px;
	/* height: 100px; */
	background: #FFFFFF;
	box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.05);
	border-radius: 10px 10px 10px 10px;
	line-height: 100px;
	padding-top: 32px;
	padding-bottom: 32px;
}

.add{
	width: auto !important;
	float: left;
	height: 54px;
}

.tabItem{
	padding: 0px 37px 0px 37px;
	font-size: 24px;
	font-weight: 400;
	color: #666666;
	float: left;
	height: 54px;
	line-height: 54px;
	border-radius: 60px 60px 60px 60px;
	border: 1px solid transparent;
}

.tabActive{
	color: #3053EB !important;
	border: 1px solid #3053EB !important;
}


.pal {
	width: 100%;
	/* min-height: 100vh; */
	min-height: calc(100vh - 100px);
}

.palItemWhole {
	width: 25%;
	height: 45vh;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	float: left;
	/*margin-bottom: 20px;*/
}

.palBox{
    margin-bottom: 30px;
}

.palMask {
	opacity: 0;
	transition: .3s;
	background: rgba(48, 83, 235, 0.6);
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.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;
}


@media screen and (max-width:1200px) {
	#tab{
		width: 100%;
		height: 0.01rem;
		position: absolute;
		top: -1.02rem;
	}
	
	.WholeNull{
		padding-top: 1rem !important;
	}
	/* 在屏幕上并且最大的宽度为637px时 设置想要的样式 */
@media screen and (max-width:637px) {
	.WholeNull{
		padding-top: 1.6rem !important;
	}
}

/* 在屏幕上并且最大的宽度为328px时 设置想要的样式 */
@media screen and (max-width:328px) {
	.WholeNull{
		padding-top: 2.2rem !important;
	}
}


.WholeNull{
	padding-top: 100px !important;
}

/* 在屏幕上并且最大的宽度为6.37rem时 设置想要的样式 */
@media screen and (max-width:637px) {
	.WholeNull{
		padding-top: 160px !important;
	}
}

/* 在屏幕上并且最大的宽度为3.28rem时 设置想要的样式 */
@media screen and (max-width:328px) {
	.WholeNull{
		padding-top: 220px !important;
	}
}

.pageActive1{
    color: #3053EB !important;
    border: 0.01rem solid #3053EB !important;
}

.banner{
	width: 100%;
	height: 5rem;
	background-image: url('https://bjdzc.cn/PC/img/caseBanner.png');
	background-size: 100%;
	padding-top: 1.62rem;
	background-repeat: no-repeat;
}

.bannerTitle{
	font-size: 0.5rem;
	font-family: 'SiYuanHeiTi';
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.5;
	margin-bottom: 0.49rem;
}

.bannerText{
	font-size: 0.24rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.5;
}

.bannerImg{
	width: 100%;
	height: 5rem;
	display: block;
}

.tab{
	padding-left: 0.36rem;
	margin: auto;
	margin-top: 0.28rem;
	margin-bottom: 0.5rem;
	/*width: 12rem;*/
	width: 10rem;
	/* height: 1rem; */
	background: #FFFFFF;
	box-shadow: 0rem 0.02rem 0.05rem 0.02rem rgba(0,0,0,0.05);
	border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
	line-height: 1rem;
	padding-top: 0.32rem;
	padding-bottom: 0.32rem;
}

.add{
	width: auto !important;
	float: left;
	height: 0.54rem;
}

.tabItem{
	padding: 0rem 0.37rem 0rem 0.37rem;
	font-size: 0.24rem;
	font-weight: 400;
	color: #666666;
	float: left;
	height: 0.54rem;
	line-height: 0.54rem;
	border-radius: 0.6rem 0.6rem 0.6rem 0.6rem;
	border: 0.01rem solid transparent;
}

.tabActive{
	color: #3053EB !important;
	border: 0.01rem solid #3053EB !important;
}



.pal {
	width: 100%;
	/* min-height: 100vh; */
	min-height: calc(100vh - 1rem);
}

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

.palBox{
    margin-bottom: 0.3rem;
}


.palMask {
	opacity: 0;
	transition: .3s;
	background: rgba(48, 83, 235, 0.6);
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.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;
}
}