.one { background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2023051820084020307.png) no-repeat bottom center #fff; padding: 40px 0 140px 0; }
.one .pubcon { position: relative; padding-left: 90px; }
.xxkjList { }
.xxkjList li { width: 48%; position: relative; transition: all .5s; }
.xxkjList li:nth-child(even) { margin-left: 4%; margin-top: 4%; }
.xxkjList li div { }
.xxkjList li div img { width: 100%; height: 426px; object-fit: cover; }
.xxkjList li p { background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2023051820223247935.png) repeat; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; }
.xxkjList li:hover { transform: translate3d(0px, 8px, 0px); box-shadow: 0 0 20px #ccc; }
.xxkjList li:hover p { font-size: 24px; }
.mldxMapList { width: 102px; position: absolute; left: -48px; top: 0; z-index: 1; }
.mldxMapList li { width: 100%; height: 102px; margin-bottom: 16px; background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2023051820333119989.png) no-repeat center; text-align: center; }
.mldxMapList li div { padding: 8px 0; }
.mldxMapList li p { font-size: 20px; color: #fff; }
.mldxMapList li.yes { background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2023051820390490303.png) no-repeat center; }

/*数据发布切换*/
.topTabBoxWrap { width: 1200px; }
.topTabBoxWrap .leftTabBox { width: 220px; }
.topTabBoxWrap .leftTabBox li { line-height: 60px; text-align: center; color: #fff; background-color: #bd1a2b; font-size: 16px; }
.topTabBoxWrap .leftTabBox li.on { background-color: #fff; color: #000; border-left: 3px solid #bd1a2b; font-weight: bold; background-color: #dbbc82; }
.rightTab { width: 950px; }
.topTabBoxWrap .rightTabCon { -width: 950px; -overflow: hidden; -height: 450px; }
.topTabBoxWrap .rightTabCon li { width: 100%; height: auto; overflow: hidden; }
.topTabBoxWrap .rightTabCon li.on { display: block; }
.topTabBoxWrap .rightTabCon li iframe { width: 100%; height: 510px; }
@media screen and (min-width:1500px) {
	.one .pubcon { padding-left: 0px; }
	.mldxMapList { left: -148px; }
}

/* 大兴魅力 */
.videoCon { padding-right: 280px; position: relative; width: 920px; }
.vidYx { width: 100%; height: 560px; background: #000; object-fit: cover; }
.videoList { width: 219px; border-left: 1px solid #666; background: #333; position: absolute; right: 0; padding: 10px 30px; top: 0; height: 540px; overflow: auto; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #ccc #000; }
.videoList::-webkit-scrollbar { width: 3px; }
.videoList::-webkit-scrollbar-thumb { border-radius: 10px; background: #ccc; }
.videoList li { margin-bottom: 20px; cursor: pointer; }
.videoList li .img { border: 5px solid #fff; position: relative; opacity: 0.5; }
.videoList li .img img { width: 100%; height: 100%; object-fit: cover; }
.videoList li .img::after { content: ''; display: block; width: 0; height: 0; border-width: 6px 8px; border-style: solid; border-color: transparent transparent #BD192E transparent; position: absolute; left: 50%; top: -16px; margin-left: -8px; display: none; }
.videoList li .tit { font-size: 16px; color: #fff; text-align: center; line-height: 2em; color: #bbb; }
.videoList li.on .img { border-color: #BD192E; opacity: 1; }
.videoList li.on .img::after { display: block; }
.videoList li.on .tit { color: #fff; }
.videoList li:hover .img { opacity: 1; }
.videoList li:hover .tit { color: #fff; }
.twList { }
.twList li { width: 31.333%; margin: 1%; }
.twList li div { overflow: hidden; }
.twList li div img { width: 100%; height: 196px; object-fit: cover; transition: all .5s; }
.twList li p { font-size: 16px; color: #333; margin-top: 14px; text-align: center; height:45px;}
.twList li:hover img { transform: scale(1.5); }
.twList li:hover p { color: #bd1a2d; }
.ybsImg { display: none; }
.u_title { font-size: 60px; color: #2f2f2f; text-align: center; line-height: 1.5em; padding: 15px 0; font-weight: 700; }
.u_sum { font-size: 20px; text-align: justify; line-height: 2em; color: #5e5e5e; }
.ybsBox { position: relative; }
.ybsBox p { position: absolute; left: 50%; top: 50%; margin-left: -600px; margin-top: -94px; }
.header { position: relative; z-index: 100; }

/*
.ybsBox {
	position: relative;
	z-index: 1;
	margin-top: -160px;
}*/
@media screen and (max-width:1200px) {
	.one { padding: 50px 0; }
	.videoCon { padding-right: 220px; width: 100%; }
	.videoList { width: 220px; padding: 15px; }
	.vidYx { height: 540px; }
	.one .pubcon { padding-left: 0; }
}
@media screen and (max-width:1023px) {
	.videoCon { padding-right: 0; }
	.vidYx { height: 60vw; }
}
@media screen and (max-width:767px) {
	.one { padding: 30px 0; }
	.video_wrap { overflow-x: auto; }
	.videoList { position: static; height: auto; display: flex; width: auto; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #ccc #000; }
	.videoList::-webkit-scrollbar { height: 3px; }
	.videoList::-webkit-scrollbar-thumb { border-radius: 10px; background: #ccc; }
	.videoList li { width: 20vw; margin-bottom: 0; margin-right: 10px; flex-shrink: 0; }
	.videoList li .img { height: 14vw; }
	.videoList li .tit { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.u_title { font-size: 18px; padding: 0 0 15px 0; }
	.u_sum { font-size: 14px; }
	.zySer { -padding: 20px 0 !important; padding: 0; margin-top: 0px !important; }
	.ybsBox p { margin-left: -200px; margin-top: -50px; }
	.twList li { width: 98%; }
	.ybsImg { display: block; }
	.ybsBox { display: none; }
	.topTabBoxWrap .leftTabBox, .topTabBoxWrap { width: 100%; }
	.topTabBoxWrap .rightTabCon iframe { width: 100% !important; height: 550px !important; }
	.topTabBoxWrap .rightTab { width: 100%; }
	.topTabBoxWrap .rightTabCon li { width: 100%; }
}
@media screen and (max-width:520px) {
	.one { padding: 20px 0; }
	.videoList li { width: 40vw; }
	.videoList li .img { height: 25vw; }
}