/*
* @Author: Sun Jijing
* @Date:   2024-07-05 15:20:47
* @Last Modified by: Sun Jijing
* @Last Modified time: 2024-07-15 17:45:44
*/
body { background: #fff; }
.zt_banner img { display: block; width: 100%; }

/* 定点医疗 */
.yljg_con { margin: 50px auto; }
.yljg_left { width: 160px; }
.yljg_select li { border-radius: 8px; background: #f4f4f4; margin-bottom: 10px; }
.yljg_select li a { display: block; font-size: 18px; height: 40px; line-height: 40px; text-align: center; color: #333; }
.yljg_select li.on { background: #2a76ce; }
.yljg_select li.on a { color: #fff; }
.yljg_right { width: 1010px; box-shadow: 0 0 15px #ccc; }
table.fixed { background: #2a76ce; width: 100%; }
table.fixed td { font-size: 12px; text-align: center; color: #fff; font-family: 'Microsoft Yahei'; padding: 5px 0; }
.yljg_item { max-height: 500px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #2a76ce #fff; }
.yljg_item::-webkit-scrollbar { width: 3px; }
.yljg_item::-webkit-scrollbar-thumb { border-radius: 3px; background: #2a76ce; }
.yljg_item table { width: 100%; }
.yljg_item table, .yljg_item tr, .yljg_item th, .yljg_item td { border-collapse: collapse; font-size: 12px; color: #000; line-height: 1.8em; }
.yljg_item tr { background: #eaf9fd; }
.yljg_item td, .yljg_item th { padding: 5px 10px; border: 1px solid #fff; }
.yljg_item th { text-align: center; }
.yljg_item tr:nth-child(2n+1) { background: #fcfcfc; }
.yljg_item tr:nth-child(1) th { color: #fff; white-space: nowrap; text-align: center; font-weight: bold; background: #2a76ce; }
.yljg_item td:nth-child(2), .yljg_item td:nth-child(3), .yljg_item td:nth-child(4) { text-align: center; }
.yljg_item tr:hover { background: #8adaf8; }

@media screen and (max-width: 1200px) {
	.yljg_con { display: flex; justify-content: space-between; }
	.yljg_con::after { display: none; }
	.yljg_left { flex-shrink: 0; margin-right: 40px; }
	.yljg_right { width: 100%; }
}
@media screen and (max-width: 1023px) {
	.yljg_con { flex-direction: column; }
	.yljg_item tr:nth-child(1) td { white-space: normal; }
	.yljg_left { flex-shrink: 1; margin-right: 0; width: 100%; }
	.yljg_select { display: flex; justify-content: space-evenly; width: 100%; }
	.yljg_select li { width: 23%; }
}
@media screen and (max-width: 767px) {
	

}
@media screen and (max-width: 459px) {
	.yljg_con { margin: 30px auto;overflow-x: auto; }
.yljg_right { width: 130%; }
	.yljg_select li a { font-size: 16px; }
}

/* 公交线路 */
.bussWrap { margin-top: 40px; margin-bottom: 40px; }
.bussNum_con { background: #2278fb; padding: 20px; border-radius: 12px; overflow-y: auto; width: 200px; height: 710px; scrollbar-color: #f4f4f4 #b1d0ff; scrollbar-width: thin; }
.bussNum_con::-webkit-scrollbar { background: #b1d0ff; width: 5px; border-radius: 5px; }
.bussNum_con::-webkit-scrollbar-thumb { border-radius: 5px; background: #f4f4f4; }
.bussNum_con li { height: 40px; line-height: 40px; background: #fff; text-align: center; border-radius: 8px; margin-bottom: 10px; }
.bussNum_con li a { display: block; font-size: 18px; color: #333; cursor: pointer; }
.bussNum_con li.on a { color: #2178FB; font-weight: bold; }

.bussBox { width: 900px; box-shadow: 0 0 10px #ccc; border-radius: 12px; overflow: hidden; }
.bussTit { padding: 20px; background: #2178FB; background: linear-gradient(to left, #4E6EF2, #2178FB); }
.bussTit .top { margin-bottom: 20px; }
.bussTit .name { display: flex; align-items: center; flex-wrap: wrap; }
.bussTit .name h2 { font-size: 28px; color: #fff; margin-bottom: 10px; padding-left: 45px; background: url(buss.png) no-repeat left center; background-size: 30px; width: 100%; }
.bussTit .name span { font-size: 20px; color: #fff; }
.bussTit .name em { display: inline-block; width: 30px; height: 30px; margin: 0 10px; background: url(tit_em.png) no-repeat center; }
.backBut { width: 80px; height: 30px; display: block; background: #fff; line-height: 30px; font-size: 14px; color: #2178FB; text-align: center; border-radius: 6px; cursor: pointer; }
.backBut img { width: 14px; display: inline-block; vertical-align: middle; margin-right: 10px; }
.bussTit .date span { font-size: 14px; color: #fff; margin-right: 20px; }
.bussTit .date span i { display: inline-block; font-size: 14px; font-style: normal; width: 20px; height: 20px; line-height: 20px; background: #fff; border-radius: 4px; text-align: center; margin-right: 10px;}
.bussTit .date span:nth-child(1) i { color: green; }
.bussTit .date span:nth-child(2) i { color: red; }
.bussTit .price { font-size: 14px; color: #Fff; }

.bussCon { padding: 20px; overflow: hidden; min-height: 550px; }
.bussList li { float: left; width: 24px; padding: 10px 0; text-align: center; margin: 0 5px 15px; border-radius: 4px; border: 1px solid transparent; }
.bussList li span { color: red; display: block; margin-bottom: 10px; font-size: 12px; padding-bottom: 20px; background: url(num_bg.png) no-repeat center bottom; }
.bussList li p { font-size: 14px; color: #333; line-height: 1.2em; height: 7.2em;  }
.bussList li:hover { border-color: #2178FB; }

@media screen and (max-width: 1200px) {
	.bussWrap { display: flex; justify-content: space-between; }
	.bussWrap::after { display: none; }
	.bussSelect { width: 200px; flex-shrink: 0; margin-right: 40px; }
	.bussNum_con { width: 100%; }
	.bussBox { width: 100%; }
}
@media screen and (max-width: 1023px) {
	
}
@media screen and (max-width: 767px) {
	.bussWrap { flex-direction: column; }
	.bussSelect { width: 100%; margin-right: 0; margin-bottom: 30px; background: #2278fb; }
	.bussNum_con { height: 120px; width: auto; padding: 0; margin: 15px; }
	.bussTit .top { display: flex; margin-bottom: 10px; }
	.bussTit .bot .date, .bussTit .bot .price { float: none; line-height: 2em; }
	.bussCon { padding: 10px; }
}
@media screen and (max-width: 459px) {
	.bussTit .date span { margin-right: 10px; }
}

/* 骑迹新国门　发现兴世界 */
.banner { position: relative; }
.banner > img { width: 100%; display: block; }
.banner_txt { text-align: center; position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -80px; }
.banner_txt p { font-size: 62px; font-weight: 800; background-image: -webkit-linear-gradient(top, #FFEB3B, #fdcc38); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 55px; line-height: 1.5em; text-shadow: 3px 3px 0px #fff; }
.banner_txt a.but { display: inline-block; padding: 0 30px; height: 42px; line-height: 42px; border-radius: 42px; background: #74a765; font-size: 24px; color: #fff; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #f4f4f4; cursor: auto; }
.banner_txt a.but img { vertical-align: middle; margin-left: 10px; }

.qx_line_item { padding: 50px 0; }
.qx_line_item:nth-child(2n) { background: #f4f4f4; position: relative; z-index: 0; }
.qx_item_tit { text-align: center; margin-bottom: 20px; }
.qx_item_tit h3 { font-size: 28px; font-weight: normal; position: relative; line-height: 1.5em; color: #fff; padding: 10px 20px; background: linear-gradient(to right, #4CAF50, #009688); }
.qx_item_tit .line { font-size: 16px; height: auto; line-height: 2em; background-image: -webkit-linear-gradient(top, #4CAF50, #009688); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 10px; text-align: left; }
.qx_line_item .img, .qx_line_item .txt { width: 48%; }
.qx_line_item .img { float: left; height: 380px; }
.qx_line_item .txt { float: right; position: relative; height: 380px; }
.qx_line_item:nth-child(2n+1) .img { float: right; }
.qx_line_item:nth-child(2n+1) .txt { float: left; }
.qx_line_item .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.qx_item_con p { font-size: 16px; line-height: 2.4em; color: #666; }
.qx_line_item .txt .more { display: block; float: right; font-size: 16px; background: #cfeed0; width: 120px; height: 50px; line-height: 50px; text-align: center; margin-top: 50px; position: absolute; right: 0; bottom: 0; color: #333; }
.qx_line_item:nth-child(2n+1) .more { right: inherit; left: 0; }
.qx_line_item:hover .txt .more { color: #74a765; }

@media screen and (max-width: 768px) {
	.qx_line_item { padding: 30px 0; }
	.qx_line_item .img, .qx_line_item .txt { width: 100%; height: auto; }
	.qx_line_item .txt .more { position: static; margin-top: 0; }
	.qx_item_tit h3 { font-size: 24px; }
}
@media screen and (max-width: 460px) {
	.qx_item_tit { margin-bottom: 10px; }
	.qx_item_tit h3 { font-size: 18px; padding: 10px; }
	.qx_item_con p { font-size: 14px; line-height: 1.8em; }
	.qx_line_item .txt .more { width: 80px; height: 30px; line-height: 30px; font-size: 14px; }
}

/* 垃圾分类 大兴在行动 */
.zt_module_tit { margin-top: 50px; margin-bottom: 30px; }
.zt_module_tit img { display: block; width: 100%; }

.zt_picNews { width: 560px; }
.zt_picNews_list li { height: 315px; overflow: hidden;  position: relative;}
.zt_picNews_list li img { display: block; width: 100%; height: 100%; object-fit: cover; }
.zt_picNews_list li p { height: 50px; line-height: 50px; background: rgba(109, 230, 93,.6); width: 100%; position: absolute; z-index: 2; left: 0; bottom: 0; }
.zt_picNews_list li p span { display: block; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #fff; padding: 0 15px; }
.zt_picNews_but { position: absolute; right: 0 !important; width: auto !important; left: inherit !important; bottom: 14px !important; z-index: 5; }
.zt_picNews_but li { display: inline-block; width: 8px; height: 8px; background: #ccc; border-radius: 10px; margin-right: 8px; }
.zt_picNews_but li.on { background: #fff; }

.zt_news { width: 615px; }
.zt_news_ul li a { display: block; font-size: 16px; line-height: 45px; padding-left: 30px; background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024071715572980637.png) no-repeat left center; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zt_news_ul li:hover a { color: #78bc0d; }

.tfzy_con { overflow: hidden; }
.tfzy_list { width: 110%; }
.tfzy_list li { float: left; width: 340px; margin-right: 90px; }
.tfzy_list li img { width: 100%; display: block; }

.kpzsCon { margin-bottom: 50px; }
.kpzsCon ul { overflow: hidden; }
.kpzsCon li { float: left; width: 285px; height: 845px; margin-right: 20px; overflow: hidden; }
.kpzsCon li:last-child { margin-right: 0; }
.kpzsCon li:nth-child(1) { background-color: #f0f3f7; }
.kpzsCon li:nth-child(2) { background-color: #f0f7f1; }
.kpzsCon li:nth-child(3) { background-color: #f8eceb; }
.kpzsCon li:nth-child(4) { background-color: #f6f6f6; }
.kpzsCon li .pic { width: 130px; margin: 30px auto 0; flex-shrink: 0; }
.kpzsCon li h3 { font-size: 20px; text-align: center; line-height: 1; margin-top: 30px; font-weight: 600; }
.kpzsCon li .desc { box-sizing: border-box; padding: 0 20px; margin-top: 30px; line-height: 1.6; text-align: justify; width: 100%; }
.kpzsCon li .desc p { margin-top: 10px; font-size: 16px; color: #333; }

@media screen and (max-width: 1200px) {
	* { box-sizing: border-box; }
	.pubcon { width: 92%; }

	.zt_picNews { width: 48%; }
	.zt_news { width: 50%; }

	.tfzy_list { width: 100%; display: flex; justify-content: space-between; }
	.tfzy_list li { width: 31%; margin-right: 0; }

	.kpzsCon ul { display: flex; justify-content: space-between; }
	.kpzsCon ul li { width: 23%; margin-right: 0; }
}
@media screen and (max-width: 1025px) {
	.kpzsCon ul { display: block; }
	.kpzsCon ul li { width: 100%; height: auto; float: none; display: flex; padding: 30px; margin-bottom: 30px; }
	.kpzsCon li .pic { margin-top: 0; margin-right: 20px; }
	.kpzsCon li h3 { margin-top: 10px; }
	.kpzsCon li .desc { margin-top: 0; }
	.kpzsCon li .desc p { margin-top: 0; }
}
@media screen and (max-width: 769px) {
	.zt_picNews { width: 100%; float: none; margin-bottom: 20px; }
	.zt_news { width: 100%; float: none; }
	.zt_picNews_list li { height: 60vw; }

	.kpzsCon ul li { flex-direction: column; justify-content: center; align-items: center; }
	.kpzsCon li .pic { margin-bottom: 15px; width: 100%; text-align: center; }
}
@media screen and (max-width: 461px) {
	.zt_module_tit { margin-top: 40px; margin-bottom: 20px; }
	.zt_module_tit img { height: 60px; object-fit: cover; }
	.zt_news_ul li a { line-height: 36px; }

	.tfzy_list { flex-wrap: wrap; }
	.tfzy_list li { width: 100%; margin-bottom: 10px; }
	.kpzsCon ul li { padding: 15px 0; }
}

/* 街道镇服务贴心小卡片 */
.streetTown_box { margin-top: 50px; overflow: hidden; }
.streetTown_list { width: 110%; }
.streetTown_list li { width: 578px; overflow: hidden; margin-right: 40px; float: left; margin-bottom: 40px; border-radius: 10px; border: 1px solid #12a16a; }
.streetTown_list li .top { padding: 15px 30px ; }
.streetTown_list li .top h3 { font-size: 26px; color: #12a16a; margin-bottom: 15px; }
.streetTown_list li .top p { font-size: 16px; line-height: 2em; color: #666; }
.streetTown_list li .top p span { -color: #12a16a; font-weight: bold; }
.streetTown_list li .top img { display: inline-block; vertical-align: middle; height: 20px; margin-right: 15px; }
.streetTown_list li .server { padding: 15px 30px; background: #12a16a; display: flex; justify-content: space-evenly; }
.streetTown_list li .server a { display: inline-block; font-size: 18px; color: #fff; }
.streetTown_list li .server a:hover { font-weight: bold; }

@media screen and (max-width:1200px) {
	.streetTown_list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.streetTown_list li { width: 48%; margin-right: 0; }
	.streetTown_list li .server { padding: 15px; }
}
@media screen and (max-width:1025px) {
	.streetTown_list li { width: 100%; }
}

/* 千年风雨话大兴 */
.journal_con { margin: 50px 0; overflow: hidden; }
.journal_list { width: 110%; }
.journal_list li { width: 280px; float: left; margin-right: 26px; background: #fff url(/bjsdxqrmzf/resource/cms/2024/07/read_icon.png) no-repeat 98% 2%; margin-bottom: 40px; border-radius: 50px 0 50px 0; }
.journal_list li a { display: block; padding: 25px; }
.journal_list li .photo { width: 180px; height: 180px; border-radius: 50%; overflow: hidden; margin: 0 auto 10px; }
.journal_list li .photo img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all linear 300ms; }
.journal_list li .tit { font-size: 20px; color: rgb(195, 147, 80); font-weight: bold; text-align: center; line-height: 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.journal_list li .teacher { font-size: 16px; color: #fff; background: rgb(195, 147, 80); color: #fff; height: 36px; border-radius: 36px; text-align: center; margin: 10px auto; width: 70%; line-height: 36px; }
.journal_list li .smy { font-size: 14px; line-height: 1.6em; color: rgb(106, 99, 90); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 4.8em; }
.journal_list li:hover { background-image: url(/bjsdxqrmzf/resource/cms/2024/07/read_icon_hov.png); }
.journal_list li:hover .photo img { transform: scale(1.2); }

@media screen and (max-width: 1200px){
	.pubcon { width: 94%; }

	.journal_list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.journal_list li { width: 23.5%; margin-right: 0; }
	.journal_list li .photo { width: 80%; height: 0; padding-top: 80%; position: relative; }
	.journal_list li .photo img { position: absolute; top: 0; left: 0; }
	.journal_list li .tit { font-size: 16px; }
	.journal_list li .teacher { font-size: 14px; }
}
@media screen and (max-width: 1025px) {
	.journal_list li { width: 48%; }
	.journal_list li .photo { width: 60%; padding-top: 60%; }
	.journal_list li .teacher { width: auto; }
}
@media screen and (max-width: 769px) {
	.journal_list li .photo { width: 90%; padding-top: 90%; }
	.journal_list li .tit { line-height: 1.4em; }
}
@media screen and (max-width: 461px) {
	.journal_list li { width: 100%; margin-bottom: 20px; }
}

/* 职业资格服务专区 */
.job_server { overflow: hidden; margin: 50px 0; }
.job_item { overflow: hidden; }
.job_item h3 { font-size: 20px; color: #f97523; line-height: 50px; display: flex; align-items: center; margin-bottom: 15px; }
.job_item h3 img { display: inline-block; vertical-align: middle; margin-right: 15px; }
.job_list { width: 105%; }
.job_list a { display: block; float: left; width: 350px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 45px; background: #f1f2f3; font-size: 16px; height: 42px; line-height: 42px; text-align: center; margin-bottom: 15px; color: #333; }
.job_list a:hover { color: #f97523; }
.zhucan_server .job_item h3, .zhucan_server .job_list a:hover { color: #cc1b21; }

@media screen and (max-width: 1200px){
	.job_list { width: 100%; display: flex; flex-wrap: wrap; }
	.job_list a { width: 32%; margin-right: 2%; }
	.job_list a:nth-child(3n) { margin-right: 0; }
}

@media screen and (max-width: 769px) {
	.job_list { justify-content: space-between; }
	.job_list a { width: 48%; margin-right: 0; height: 64px; line-height: 1.4em; display: inline-flex; align-items: center; justify-content: center; white-space: initial; }
}
@media screen and (max-width: 461px) {
	.job_list a { height: auto; padding: 5px 10px; width: 100%; }
}