* {
	font-family: Microsoft YaHei;
}

a {
	text-decoration: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0
}

.clear {
	zoom: 1
}

.bannerBox {
	width: 100%;
}

.banner {
	overflow: hidden;
	height: 0;
	padding-bottom: 40%;
}

.bannerBox .banner img {
	width: 100%;
}

.container {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.container1 {
	padding-bottom: 0;
}

.bgC1 {
	background-color: rgb(243, 248, 254);
}

.bgC2 {
	background-color: rgb(254, 246, 244);
}

.bgC3 {
	background-color: rgb(223, 236, 245);
}

.bgC4 {
	background-color: rgb(0, 119, 211);
}

.bgC5 {
	background-color: rgb(228, 238, 247);
}

.pd {
	padding: 0 20px;
	height: 390px;
}

.pd2 {
	padding: 17px 20px;
}

.pd3 {
	padding: 20px;
}

.title {
	height: 90px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
}
.title>a{
     display: block;
     height:90px;
}

.t1 {
	background-image: url(../images/activ.png);
}

.t2 {
	background-image: url(../images/t2.png);
}

.t3 {
	background-image: url(../images/t3.png);
}

.t6 {
	background-image: url(../images/znl.png);
	background-size: 90%;
}

.row1,
.row2,
.row3 {
	margin-bottom: 60px;
}

.column_fl {
	height: 390px;
	width: 710px;
}

.column_fr {
	width: 460px;
	height: 390px;
}

.newsList li {
	padding-left: 15px;
	height: 52px;
	line-height: 52px;
	border-top: 1px #cecece dashed;
	position: relative;
}

.newsList .newsItem .ico {
	font-style: normal;
	position: absolute;
	left: 0;
	width: 12px;
	height: 12px;
	top: 20px;
	line-height: 12px;
	color: #a3a3a3;
}

.newsList .newsItem a {
	display: block;
	height: 52px;
	line-height: 52px;
	color: rgb(76, 76, 98);
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hotNews {
	height: 105px;
	padding-top: 20px;
}

.hotNews .hotTitle {
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	color: #363636;
}
.hotNews .hotTitle a{
  height: 30px;
  color: #363636;
}
.hotNews .hotSum {
	height: 48px;
	overflow: hidden;
	line-height: 24px;
	padding: 13px 0;
	color: rgb(140, 140, 158);
}

.hotNews .hotSum a {
	display: block;
	height: 48px;
	overflow: hidden;
    color: rgb(140, 140, 158);
}

.newsList2 {
	height: 266px;
}

.newsList2 .first {
	border-top: 0;
}

.cardBox,
.imgBox,
.cardList {
	height: 260px;
}

.cardBox2 {
	height: 300px;
}

.imgBox {
	width: 320px;
	position: relative;
}

.imgBox>a,
.imgBox img {
	display: block;
	width: 320px;
	height: 260px;
}

.imgBox .txtBgO {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 45px;
	background: rgba(0, 0, 0, 1);
	opacity: 0.7;
}

.imgBox .txtBgO p {
	padding: 0 10px;
	line-height: 45px;
	color: #fff;
}

.cardList {
	width: 330px;
}

.cardList2 {
	width: 420px;
}

.cardList2 .towCard .bgC3,
.cardList2 .towCard .bgC4 {
	width: 200px;
}

.card {
	height: 120px;
	text-align: center;
}

.card2 {
	width: 224px;
	margin-left: 19px;
	height: 300px;
}

.card2 .con {
	height: 255px;
	padding: 0 10px;
}

.card2 .con h3 {
	height: 48px;
	padding-top: 12px;
	line-height: 24px;
	font-size: 16px;
	color: rgb(76, 76, 98);
	overflow: hidden;
}
.card2 .con h3 a{
  color: rgb(76, 76, 98);
}
.card2 .con p {
	padding: 13px 0;
	height: 169px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
	color: rgb(140, 140, 158);
	overflow: hidden;
}

.card2 .con p a {
	display: block;
	height: 169px;
	overflow: hidden;
    color: rgb(140, 140, 158);
}

.card2 .pubTime {
	text-align: right;
	height: 45px;
	padding: 0 10px;
	line-height: 45px;
}

.card2 .pubTime .time {
	font-size: 14px;
	font-weight: 400;
	color: rgb(140, 140, 158);
}

.card2.first {
	margin-left: 0;
}

.towCard {
	margin-bottom: 20px;
}

.towCard .card {
	width: 155px;
	padding: 45px 0;
	height: 30px;
	line-height: 30px;
}

.cardList .card {
	padding: 45px 0;
	height: 30px;
	line-height: 30px;
}

.towCard .bgC4 p {
	color: #fff;
}

.bgC3 span {
	background: #007AFF;
}

.towCard .bgC4 span {
	background: #FFF;
}

.card span {
	position: absolute;
	width: 30px;
	height: 2px;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
}

.card p {
	position: relative;
	font-size: 16px;
    color:#000;
}

.containerBg {
	max-width: 1920px;
	min-width: 320px;
	overflow: hidden;
	background: url(../images/contentBg.png) no-repeat top center;
	background-size: 100%;
}

.tabBox {
	height: 443px;
	overflow: hidden;
	border: #cecece solid 1px;
	background-color: #fff;
}

.tabBox .hd {
	height: 60px;
	overflow: hidden;
}

.tabBox .hd li {
	position: relative;
	height: 60px;
	line-height: 60px;
	text-align: center;
	width: 399px;
	float: left;
	border-bottom: 1px solid rgb(59, 103, 138);
	border-top: 0;
	font: normal 16px/60px "Microsoft YaHei";
	_font-weight: bold;
	cursor: pointer;
	color: rgb(0, 119, 211);
}

.tabBox .hd li.w {
	width: 400px;
}

.tabBox .hd li.on {
	background: rgb(0, 119, 211);
	color: #fff;
}

.tabBox .bd {
	height: 382px;
}

.tabBox .lh {
	overflow: hidden;
}

.tabBox .lh li {
	width: 379px;
	padding: 20px 10px;
	float: left;
}

.tabBox .lh li>div {
	background-color: rgb(243, 248, 254);
}

.tabBox .lh li .p-img {
	width: 359px;
	height: 180px;
	padding: 10px;
	margin: 0;
	text-align: center;
}

.tabBox .lh li .p-img a,
.tabBox .lh li .p-img img {
	display: block;
	width: 359px;
	height: 180px;
}

.tabBox .lh li .p-name {
	height: 68px;
	padding: 10px 0;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
}

.tabBox .lh li .p-name h3 {
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	padding: 0 10px;
	font-weight: 400;
	font-size: 16px;
	color: rgb(53, 52, 75);
}

.tabBox .lh li .p-name p {
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	padding: 0 10px;
	font-size: 14px;
	color: rgb(148, 148, 164);
}

.tabBox .lh li .p-more {
	height: 35px;
	color: #fff;
	border-top: 1px solid #cecece;
	padding: 10px;
}

.tabBox .lh li .p-more strong {
	display: inline-block;
	text-align: center;
	width: 86px;
	height: 34px;
	font-weight: 400;
	line-height: 34px;
	background: rgba(0, 119, 211, 1);
	border-radius: 17px;
	color: #fff;
}

.focusBox {
	height: 390px;
	overflow: hidden;
	position: relative;
}

.focusBox .swiper-slide .txtBg {
	height: 130px;
	background: #333;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 15px;
	width: 695px;
	font-size: 16px;
}

.focusBox .swiper-slide .txtBg h3 {
	line-height: 60px;
	height: 60px;
	overflow: hidden;
	font-size: 20px;
}

.focusBox .swiper-slide .txtBg p {
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	font-size: 14px;
	color: rgb(190, 190, 190);
}

.focusBox .swiper-slide img {
	width: 100%;
	height: 100%;
	display: block;
	background: #eee;
}

.focusBox .swiper-button-prev::after {
	content: '';
}

.focusBox .swiper-button-prev {
	display: none;
	width: 37px;
	height: 57px;
	left: 0;
	background: url(http://jw.km.gov.cn/2020_new_modle/images/left-arrow.png) no-repeat center;
}

.focusBox .swiper-button-next::after {
	content: '';
}

.focusBox .swiper-button-next {
	display: none;
	width: 37px;
	height: 57px;
	right: 0;
	background: url(http://jw.km.gov.cn/2020_new_modle/images/right-arrow.png) no-repeat center;
}

.focusBox:hover .swiper-button-next,
.focusBox:hover .swiper-button-prev {
	display: block;
}

.focusBox .swiper-pagination {
	text-align: right;
	right: 0;
	left: auto;
	bottom: 15px;
	height: 6px;
	padding-right: 30px;
	width: 680px;
}

.focusBox .swiper-pagination-bullet {
	width: 16px;
	height: 4px;
	background: #ddd;
	opacity: 1;
	border-radius: 2px;
	vertical-align: top;
}

.focusBox .swiper-pagination-bullet-active {
	background: rgb(11, 116, 197);
	width: 28px;
}

.mobileTitle {
	display: none;
}

.tabBox .mobile {
	display: none;
}

.video {
	padding: 0 10px;
}

.video video {
	height: 675px;
}

.t5 {
	background-image: url(../images/yx.png);
	margin-top: 60px;
}
.t7{
  background-image: url(../images/cx1.png);
}
/* 页脚 */
#footer {
	margin: 0 auto;
	max-width: 1920px;
	min-width: 1200px;
	height: 178px;
	background: url(../images/footer.png) no-repeat center center;
}

/* 适配 */
@media screen and (max-width: 1200px) {
	.container {
		width: 100%;
		padding: 40px 0;
	}

	.column_fl {
		width: 59%;
	}

	.column_fr {
		width: 38%;
	}

	.focusBox .swiper-slide .txtBg {
		width: 98%;
		padding-left: 2%;
	}

	.imgBox {
		width: 51%;
	}

	.imgBox>a,
	.imgBox img {
		width: 100%;
	}

	.cardList {
		width: 46.5%;
	}

	.cardList2 {
		width: 92%;
		padding: 20px 4%;
	}

	.cardList2 .towCard .bgC3,
	.cardList2 .towCard .bgC4 {
		width: 48%;
	}

	.towCard .card {
		width: 47%;
	}

	.tabBox .hd li,
	.tabBox .hd li.w {
		width: 33.3%;
		cursor: pointer;
	}

	.tabBox .lh li {
		width: 31.3%;
		padding: 15px 1%;
	}

	.tabBox .lh li .p-img {
		width: 100%;
		padding: 0;
	}

	.tabBox .lh li .p-img a,
	.tabBox .lh li .p-img img {
		width: 100%;
	}

	.card2 {
		width: 31.5%;
		margin-left: 2.7%;
	}

	#footer {
		width: 100%;
		min-width: auto;
	}

	.row1,
	.row2,
	.row3,
	.row4 {
		padding: 0 10px;
	}

	.mobileTitle {
		display: none;
	}

	.tabBox .mobile {
		display: none;
	}
}

@media screen and (max-width: 980px) {
	.column_fl {
		width: 100%;
	}

	.column_fr {
		width: 100%;
		margin-top: 20px;
	}

	.row1 .t1 {
		background-size: 150%;
	}

	.row5 .t5 {
		background-size: 150%;
	}

	.video video {
		height: 520px;
	}

	.t2 {
		background-size: 75%;
	}

	.t3 {
		background-size: 50%;
		margin-top: 20px;
	}

	.t6 {
		background-size: 45%;
	}

	.mobileTitle {
		display: none;
	}

	#footer {
		width: 100%;
		height: 134px;
		min-width: auto;
	}

	.tabBox .mobile {
		display: none;
	}
}

@media screen and (max-width: 780px) {
	.mobileN {
		display: none;
	}

	.row1 .column_fl {
		height: 0;
		padding-bottom: 55%;
		position: relative;
	}

	.focusBox .swiper-slide .txtBg {
		height: 60px;
	}

	.focusBox {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}

	.container {
		padding: 20px 0;
	}

	.title {
		height: 60px;
	}

	.row1,
	.row2,
	.row3 {
		margin-bottom: 20px;
	}

	.row1 .t1 {
		background-size: 125%;
	}

	.row5 .t5 {
		background-size: 125%;
		margin-top: 0;
	}

	.video video {
		height: 440px;
	}

	.t2 {
		height: 75px;
	}

	.column_fr {
		margin-top: 0;
	}

	.t3 {
		height: 75px;
		margin-top: 0;
	}

	.t6 {
		background-size: 40%;
	}

	#footer {
		background-image: url(../images/footer2.png);
	}

	.focusBox .swiper-slide .txtBg h3 {
		font-size: 16px;
	}

	.mobileTitle {
		display: none;
	}

	.tabBox .mobile {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.tabBox {
		border: 0;
	}

	.mobileN2 {
		display: none;
	}

	.tabBox {
		height: auto;
		overflow: hidden;
	}

	.tabBox .hd li {
		width: 100%;
	}

	.tabBox .lh {
		display: block !important;
		background-color: #fff;
	}

	.tabBox .lh li {
		width: 100%;
		box-sizing: border-box;
	}

	.tabBox .bd {
		height: auto;
		overflow: hidden;
	}

	.mobileTitle {
		display: block;
		background: rgb(0, 119, 211);
		color: #fff;
		position: relative;
		height: 60px;
		line-height: 60px;
		text-align: center;
		width: 399px;
		float: left;
		border-bottom: 1px solid rgb(59, 103, 138);
		border-top: 0;
		font: normal "Microsoft YaHei";
		_font-weight: bold;
		cursor: default;
		padding: 0 !important;
	}

	.tabBox .lh li .p-img {
		width: 40%;
		float: left;
	}

	.tabBox .lh li .p-name {
		width: 60%;
		float: left;
		height: 32vw;
		box-sizing: border-box;
	}

	.tabBox .lh li .p-img {
		height: 32vw;
	}

	.tabBox .lh li .p-img a,
	.tabBox .lh li .p-img img {
	padding: 2vw 0;
    height: 28vw;
    box-sizing: border-box;
	}

	.tabBox .lh li {
		padding: 5px 1%;
	}

	.card2 {
		width: 100%;
		margin-bottom: 10px;
		margin-left: 0;
		height: auto;
	}

	.card2 .con {
		height: auto;
	}

	.card2 .con p,
	.card2 .con p a {
		height: auto;
	}

	.row4 .column_fl {
		height: auto;
		overflow: hidden;
	}

	.cardBox2 {
		height: auto;
		overflow: hidden;
	}

	.row2 .column_fr {
		height: auto;
		overflow: hidden;
	}

	.tabBox .mobile {
		display: none;
	}

	.t5 {
		height: 50px;
	}

	.video video {
		height: 340px;
	}

	#footer {
		height: 18vw;
		background-size: 200%;
	}
}

@media screen and (max-width: 560px) {
	.imgBox {
		width: 100%;
	}

	.cardBox,
	.imgBox,
	.cardList {
		height: auto;
		overflow: hidden;
	}

	.row2 .column_fl {
		height: auto;
	}

	.row2 .cardList {
		width: 100%;
		margin-top: 20px;
	}

	.tabBox .lh {
		padding: 5px 0;
	}

	.row1 .column_fl {
		padding-bottom: 50%;
	}

	.focusBox .swiper-slide .txtBg {
		height: 32px;
	}

	.swiper-pagination {
		display: none;
	}

	.focusBox .swiper-slide .txtBg h3 {
		height: 32px;
		line-height: 32px;
	}

	.container {
		padding: 10px 0;
	}

	.row1 .t1 {
		background-size: 200%;
	}

	.title {
		height: 50px;
	}

	.imgBox>a,
	.imgBox img {
		height: 52vw;
	}

	.t2 {
		background-size: 125%;
		height: 60px;
	}

	.t3 {
		margin-top: 15px;
		height: 50px;
		background-size: 80%;
	}
  .t6{  
    background-size: 65%;
  }
  .t7{
    background-position: 50vw;
    margin-left: -50%;
  background-size: 85%;
}
	.hotNews .hotTitle {
		font-size: 16px;
	}

	#footer {
		background-image: url(../images/footer3.png);
	}

	.tabBox .hd,
	.mobileTitle {
		height: 45px;
	}

	.mobileTitle {
		line-height: 40px;
	}

	.tabBox .hd li,
	.mobileTitle {
		background-color: rgba(255, 255, 255, 0) !important;
		border-bottom: 5px rgb(0, 119, 211) solid;
		height: 45px;
		box-sizing: border-box;
	}

	.tabBox .hd li a,
	.mobileTitle a {
		display: block;
		float: right;
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
	}

	.tabBox li .title {
		float: left;
		display: block;
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
		background: rgb(0, 119, 211);
		border-radius: 10px 10px 0 0;
	}

	.tabBox {
		background-color: rgba(255, 255, 255, 0) !important;
		border-bottom: 5px rgb(0, 119, 211) solid;
	}

	.tabBox .mobile {
		display: block;
		color: rgb(0, 119, 211);
	}

	.video video {
		height: 56.6vw;
	}

	.row5 .t5 {
		background-size: 200%;
	}
}