.WholeNull{
	padding-top: 100px !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: 300px;
	background-image: url('https://bjdzc.cn/PC/img/caseBanner.png');
	background-size: cover;
	padding-top: 105px;
	background-repeat: no-repeat;
}

.bannerTitle{
	font-size: 70px;
	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-top: 28px;
	margin-bottom: 50px;
	width: 1136px;
	/* 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;
    cursor: pointer;
	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;
}


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

.newsItem {
	margin-bottom: 30px;
}

.newsImg {
	width: 525px;
	height: 329px;
	float: left;
	border-radius: 10px;
}

.newsTextBox {
	width: 475px;
	float: right;
}

.newsItemTitle {
	font-family: 'SiYuanHeiTi';
	font-size: 26px;
	font-weight: 500;
	color: #333333;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-lines: 2;
	display: box;
	box-orient: vertical;
	box-lines: 2;
	height: 78px;
}

.newsItemText {
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	line-height: 1.5;
	height: 48px;
	overflow: hidden;
	margin: 30px 0px 34px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-lines: 3;
	display: box;
	box-orient: vertical;
	box-lines: 3;
}

.newsItemButtonBox{
	width: 100%;
	height: 58px;
}

.newsItemButton {
	width: 193px;
	height: 58px;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 400;
	color: #4D74FF;
	line-height: 58px;
	border: 1px solid #4D74FF;
	text-align: center;
	float: left;
}

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

.newsItemTimeBox{
	float: right;
	height: 58px;
}

.newsItemTime{
	height: 58px;
	font-size: 16px;
	color: #999;
	display: table-cell;
	vertical-align: middle;
}

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


.typeArea{
    width: 1090px;
    margin: 0 auto;
}































@media screen and (max-width:1200px) {
	#tab{
		width: 10.9rem;
		height: 0.01rem;
		position: absolute;
		top: -1.02rem;
        cursor: pointer;
	}
	
	.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: 1rem !important;
}

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

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


.banner{
	width: 100%;
	height: 3rem;
	background-image: url('https://bjdzc.cn/PC/img/caseBanner.png');
	background-size: 100%;
	padding-top: 1.05rem;
	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;
    padding-right: 0.36rem;
	margin-top: 0.28rem;
	margin-bottom: 0.5rem;
	width: 11.36rem;
	/* 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;
    cursor: pointer;
}

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


.newsTitle {
	font-size: 0.46rem;
	font-weight: bold;
	color: #333333;
	line-height: 1.5;
	margin: 0.85rem 0rem 0.5rem;
	text-align: center;
}

.newsItem {
	margin-bottom: 0.3rem;
}

.newsImg {
	width: 5.25rem;
	height: 3.29rem;
	float: left;
	border-radius: 0.1rem;
}

.newsTextBox {
	width: 4.75rem;
	float: right;
}

.newsItemTitle {
	font-family: 'SiYuanHeiTi';
	font-size: 0.26rem;
	font-weight: 500;
	color: #333333;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-lines: 2;
	display: box;
	box-orient: vertical;
	box-lines: 2;
	height: 0.78rem;
}

.newsItemText {
	font-size: 0.16rem;
	font-weight: 400;
	color: #999999;
	line-height: 1.5;
	height: 0.48rem;
	overflow: hidden;
	margin: 0.3rem 0rem 0.34rem 0rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	-moz-box-lines: 3;
	display: box;
	box-orient: vertical;
	box-lines: 3;
}

.newsItemButtonBox{
	width: 100%;
	height: 0.58rem;
}

.newsItemButton {
	width: 1.93rem;
	height: 0.58rem;
	border-radius: 0.1rem;
	font-size: 0.2rem;
	font-weight: 400;
	color: #4D74FF;
	line-height: 0.58rem;
	border: 0.01rem solid #4D74FF;
	text-align: center;
	float: left;
}

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

.newsItemTimeBox{
	float: right;
	height: 0.58rem;
}

.newsItemTime{
	height: 0.58rem;
	font-size: 0.16rem;
	color: #999;
	display: table-cell;
	vertical-align: middle;
}

.news{
	width: 100%;
	/* height: 100vh; */
	padding-bottom: 0.6rem;
	padding-top: 0.3rem;
	background-color: #FFF;
}


.typeArea{
    width: 10.9rem;
    margin: 0 auto;
}
}

@media screen and (max-width:1200px) {
    .tab{
        width: 11.86rem;
    }
}