html,body{	
	width:100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 16px !important;
}
ul {
	list-style: none;
}
a{
	outline: none !important;
	color: inherit !important;
}
a:link{
	text-decoration: none !important;
	color:inherit !important;
}
a:hover{
	text-decoration: none !important;
	color: inherit !important;
}
.row{
	margin: 0 !important;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding: 0 !important;
}

.container-box{
	width: 100%;
}
.head{
	width: 100%;
	height: 80px;
	background: #fff;
	display: flex;
}
.logo{
	width: 30% !important;
	height: 100%;
	background: url('../img/wxlogo.png') no-repeat center;
	background-size: 50% 100%;
}
.title_box{
	height: 100%;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.active{
	height: 100%;
	display: flex;
	align-items: center;
	border-top: 5px solid rgba(125, 165, 173, 1);
	color: rgba(125, 165, 173, 1) !important;
}
.banner{
	width: 100%;
	height: 600px;
	padding: 0;
	position: relative;
	display: flex;
}
.swiper{
	height: 100%;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tglan{
	width: 40%;
	height: 70px;
	background: #fff;
	position: absolute;
	left: 0%;
	bottom: 10%;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}
.goj{
	width: 60px;
	height: 15px;
	background: url(../img/more.png) no-repeat center;
	background-size: 80% 100%;
}
.tonggao{
	width: 70%;
	height: 70px;
	line-height: 70px;
}
.notice_box{
	height: 820px;
	background: url('../img/bg.png') no-repeat center;
	background-size: 100% 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1% 5% 0 5% !important;
}
.big_title_box{
	width: 350px;
	height: 150px;
	display: flex;
	padding: 30px 40px;
	align-items: center;
	justify-content: space-around;
}
.title{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: rgba(153, 153, 153, 1);
}
.hobar{
	width: 50px;
	height: 5px;
	background: #7DA5AD;
}
.big_title{
	font-size: 44px;
	color: #000;
}
.bottom_box{
	/* height: 400px; */
	display: flex;
	justify-content: space-between;
}
.bottom_s_box{
	width: 49%;
}
.index_img{
	width: 100%;
	height: 400px;
	object-fit: cover;
}
.index_zhaiyao{
	height: 150px;
	padding: 2%;
	background: url('../img/notice_bg.png') no-repeat center;
	background-size: 100% 100%;
}
.zhaiyao_left{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #ccc;
	padding: 1%;
}
.day{
	width: 50px;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
}
.zhaiyao_right{
	height: 100%;
	padding: 0 5% !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.s_title{
	font-weight: 700;
	margin: 10px 0;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.zhaiyao{
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	color: rgba(153, 153, 153, 1);
}
.zl_bottom{
	width: 100%;
	height: 558px;
	display: flex;
	justify-content: space-between;
}
.zl_left{
	width: 49%;
	height: 100%;
}
.zl_left img{
	width: 100%;
	height: 350px;
	object-fit: contain;
	/* position: absolute; */
	left: 0%;
	top: 0%;
}
.bottom_text{
	padding: 4%;
	position: relative;
}
.go_more{
	position: absolute;
	right: 5%;
	bottom: 0%;
	font-weight: 700;
	color: rgba(125, 165, 173, 1);
}
.zl_right{
	width: 49%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.zl_tight_box{
	width: 100%;
	height: 49%;
	position: relative;
}
.zl_tight_box img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	left: 0%;
	top: 0%;
}
.pos_box{
	width: 100%;
	height: 40%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(252,252,252,0.25) 0%, rgba(247,247,247,0.11) 100%);
	backdrop-filter: blur(10px);
	padding: 10px;
	color: #fff;
}
.zl_zhaiyao{
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.public_bottom{
	width: 100%;
	height: 642px;
}
.public_bottom_top{
	width: 100%;
	height: 384px;
	position: relative;
	border: 2px dotted #C1C1C0;
}
.public_bottom_top a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.public_bottom_top img{
	width: 28%;
	height: 100%;
	object-fit: contain;
}
.public_right{
	width: 69%;
	height: 100%;
	padding: 116px 30px 30px;
	position: relative;
	background: url('../img/hdbj1.png') no-repeat center;
	background-size: 100% 100%;
}
.data_box{
	width: 100%;
	height: 40px;
}
.data_box:first-child{
	font-size: 40px;
}
.data_box:last-child{
	text-align: right;
	font-size: 24px;
	color: rgba(214, 214, 214, 1);
}
.public_data{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 2%;
	right: 2%;
	z-index: 2;
	background:
	linear-gradient(135deg, transparent 49.5%, grey 49.5%, grey 50.5%, transparent 50.5%);
}
.public_go{
	left: 5%;
	right: 0%;
}
.public_bottom_bottom{
	width: 100%;
	height: 234px;
	display: flex;
	justify-content: space-between;
	background: url('../img/hdbj2.png') no-repeat center;
	background-size: 100% 100%;
	margin-top: 24px;
}
.public_sbox{
	width: 49%;
	height: 100%;
	padding: 2%;
	position: relative;
	border: 2px dotted #C1C1C0;
}
.sdate{
	position: absolute;
	left: 4%;
	bottom: 5%;
}
.go_more1{
	position: absolute;
	right: 5%;
	bottom: 0%;
	font-weight: 700;
	bottom: 5%;
	color: #7DA5AD;
}
.public_text{
	font-size: 14px;
	color: #ccc;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.public_sbox:hover .go_more1,.public_sbox:hover .public_text{
	color: #fff;
}
.public_sbox:hover{
	cursor: pointer;
	color: #fff;
	background: url('../img/hdbj3.png') no-repeat center;
	background-size: 100% 100%;
}
.zlhg{
	width: 100%;
	height: 450px;
	/* padding: 20px; */
	color: #000;
	position: relative;
	display: flex;
}
.zlhg_left{
	width: 30%;
	padding: 50px;
	background: #fff;
}
.zlhg_title{
	font-size: 24px;
	margin-bottom: 5px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.zlhg_content{
	margin-top: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	color: rgba(190, 190, 190, 1);
}
.ckgd{
	width: 96px;
	height: 32px;
	background: url('../img/ckgd1.png') no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 50px;
	bottom: 80px;
}
.zlhg_right{
	width: 70%;
	height: 100%;
	background: url('../img/zlbg.png') no-repeat center;
	background-size: 100% 100%;
}
.ckgd:hover{
	cursor: pointer;
}

.footer{
	width: 100%;
	height: 50px;
	color: rgba(133, 133, 133, 1);
	background: rgba(49, 49, 49, 1);
	display: flex;
	justify-content: center;
	align-items: center;
}
.sundry{
	width: 100%;
	height: 196px;
	background: #434343;
	color: #fff;
	padding: 5%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sundry_title{
	margin-bottom: 24px;
}
.sundry_content{
	margin-top: 0%;
	color: rgba(190, 190, 190, 1);
}
.qrcode{
	display: flex;
	align-items: center;
}
.sundry_shuxian{
	height: 100px; 
	border-left: 1px solid rgba(190, 190, 190, 1);
}

.navbar-toggler{
	display: none;
}
.navbar-toggler-icon{
	display: block;
	width: 20px;
	height: 20px;
	background: url('../img/nav.png') no-repeat center;
	background-size: 100% 100%;
}
#collapsibleNavbar{
	width: 100% !important;
	height: 100% !important;
}
.navbar-nav{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.nav-item a{
	color: #000;
}
.nav-item a:hover{
	text-decoration: none !important;
	color: inherit !important;
}
.navbar-nav li{
	height: 100%;
	display: flex;
	align-items: center;
}
.list_box{
	width: 100%;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.list_li{
	width: 100%;
	height: 100px;
	margin-bottom: 16px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.list_li:first-child{
	border-top: 1px solid #ccc;
}
.list_li a{
	height: 100%;
	text-decoration: none !important;
	color: inherit !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.list_zhaiyao{
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.huise{
	height: 20px;
	width: 100%;
	background: #f7f7f7;
}
.more{
	width: 145px;
	height: 36px;
	border: 2px solid #7DA5AD;
	color: #7DA5AD;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list_box img{
	width: 100%;
	height: 500px;
	object-fit: contain;
	margin: 10px 0;
}
.date_box{
	width: 5%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.banner_img{
	width: 85%;
	height: 33%;
	object-fit: cover;
}
.banner_img_box{
	width: 30%;
	height: 100%;
	padding: 8% 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.logo_a{
	display: block;
	width: 100%;
	height: 100%;
}
.respect{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 32px;
}
.suanshu{
	width: 100%;
	text-align: center;
	background: rgba(49, 49, 49, 1);
}
.filter_back{
	width: 100%;
	height: 350px;
	/* background-image: url('../img/zl1.png'); */
	filter: blur(15px);
}
.filter_over{
	position: relative;
	overflow: hidden;
}
.filter_over_right{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.filter_right{
	height: 100%;
}

@media screen and (max-width: 500px) {
	html,body{
		font-size: 14px !important;
	}
	.respect{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 700;
		font-size: 22px;
	}
	.head{
		height: auto;
	}
	.logo{
		width: 100% !important;
		position: absolute !important;
		left: 0%;
		top: 0%;
		background-size: 50% 100%;
	}
	.navbar-toggler{
		display: block;
	}
	.navbar{
		margin-bottom: 0% !important;
		min-height: 20px;
		margin: 15px;
	}
	.navbar-nav{
		width: 100%;
		height: auto;
		margin: 7.5px -40px !important;
		display: flex;
		flex-direction: column;
	}
	.swiper{
		width: 100% !important;
	}
	.swiper-slide img{
		object-fit: contain;
	}
	.hobar{
		display: none;
	}
	.title_box{
		height: auto !important;
		justify-content: start;
		align-items: flex-start;
		margin-left: 10px;
	}
	.navbar-nav>li>a{
		padding-top: 0%;
	}
	.active{
		height: auto;
		display: flex;
		align-items: center;
		border: none;
		color: rgba(125, 165, 173, 1) !important;
	}
	.logo{
		height: 50px;
		margin-bottom: 5px;
	}
	.title_box{
		height: 40px;
	}
	.en_cn{
		display: none;
	}
	.banner{
		width: 100%;
		/* height: 260px; */
		height: 100%;
		display: block !important;
	}
	.banner_img_box{
		width: 100%;
	}
	.tglan{
		width: 70%;
		height: 50px;
		font-size: 12px;
	}
	.tonggao{
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.goj{
		background-size: 50% 50%;
	}
	.bottom_box{
		flex-direction: column;
	}
	.bottom_s_box{
		width: 100%;
	}
	.zhaiyao_left{
		display: none;
	}
	.index_zhaiyao{
		height: inherit;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.notice_zl{
		height: 1100px !important;
		padding-bottom: 10px !important;
	}
	.zhaiyao_right{
		width: 100%;
	}
	.index_img{
		height: 300px;
	}
	.notice_box{
		height: 1040px;
	}
	.zl_bottom{
		display: block;
	}
	.zl_left{
		height: 80%;
	}
	.zl_left img{
		height: 250px;
	}
	.zl_left,.zl_right{
		width: 100%;
	}
	.go_more{
		bottom: -15%;
	}
	.zl_right{
		height: 90%;
	}
	.public_bottom_top{
		height: auto;
	}
	.public_bottom_top img{
		display: none;
	}
	.public_bottom_top a{
		height: auto;
	}
	.public_right{
		width: 100%;
		padding: 20px;
		height: 40%;
	}
	.public_text{
		-webkit-line-clamp: 3;
	}
	.public_bottom_bottom{
		height: 130px;
		display: block;
	}
	.public_sbox{
		width: 100%;
	}
	.s_title{
		font-size: 16px !important;
	}
	.sdate{
		display: none;
	}
	.go_more1{
		bottom: 0;
	}
	.public_data{
		display: none;
	}
	.notice_gj{
		height: 635px !important;
		padding-bottom: 10px !important;
	}
	.public_bottom{
		height: 100%;
	}
	.zlhg_left{
		width: 100%;
		padding: 0px;
	}
	.zlhg_right{
		width: 0;
	}
	.zlhg_title{
		font-size: 14px;
	}
	.zlhg{
		height: 250px;
		padding: 20px;
		font-size: 12px;
	}
	.zlhg_content{
		margin-top: 10px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		overflow: hidden;
	}
	.ckgd{
		width: 56px;
		height: 22px;
		left: 20px;
		bottom: 0px;
	}
	.sundry_title{
		margin-bottom: 0%;
	}
	.sundry{
		display: block;
		height: 370px;
	}
	.sundry .zlhg_content{
		margin-top: 0%;
		margin-bottom: 10px;
	}
	.sundry_shuxian{
		display: none;
	}
	.notice_zlanhuigu{
		height: 820px;
		margin-bottom: 10px;
	}
	.footer{
		padding: 0 20px;
	}
	.list_box img{
		height: 300px;
	}
	.list_box .list_li img{
		display: none;
	}
	.date_box{
		width: 25%;
	}
	#kkpager{
		font-size: 12px !important;
	}
	#kkpager a{
		padding: 3px 5px 3px 5px !important;
		margin-right: 1px !important;
	}
	#kkpager span.disabled{
		padding: 3px 5px 3px 5px !important;
		margin-right: 1px !important;
	}
	
	
	  
}