/*
* @Author: Sun Jijing
* @Date:   2024-10-10 10:48:48
* @Last Modified by:   Sun Jijing
* @Last Modified time: 2024-10-10 10:48:48
*/
body { background: #fff; }
.zt_banner img { display: block; width: 100%; }

/* 列表样式 */
.detail_con { padding: 25px 45px 90px; }
.detail_tit { height: 50px; line-height: 50px; position: relative; background: #d0cccd; padding-left: 48px; font-size: 26px; font-weight: bold; color: #13090a; margin-bottom: 50px; margin-top: 50px; }
.detail_tit i { width: 6px; height: 26px; background: #bd1a2d; display: block; position: absolute; left: 20px; top: 12px; }
.listNews li { overflow: hidden; height: 36px; line-height: 36px; vertical-align: middle; }
.listNews li a { display: block; float: left; padding-left: 40px; font-size: 16px; background: url(/bjsdxqrmzf/template/page/contentTwo/icon.png) no-repeat 15px center; color: #140a09; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listNews li span { font-size: 14px; color: #888; float: right; }
.lytj li { overflow: visible; height: auto; }
.lytj li a { max-width: none !important; white-space: normal !important; float: none !important; }
.lytj li span { float: none !important; padding-left: 40px; margin-top: 5px; display: block; text-align: right; }
.listNews li:hover a, .listNews li:hover span { color: #bd1a2d; }
.listNews li.line { width: 100%; height: 0px; border-top: 1px dotted #d0d0d0; margin: 25px 0; background: none; }
.listNews li b { float: left; line-height: 18px; font-size: 16px; color: #333; }
.listNews li b a { float: left; line-height: 18px; font-size: 16px; color: #333; }
.listNews li b.fz { color: #bd1a2d; font-weight: normal; line-height: 20px; margin-left: 10px; }
.listNews li b:hover a { color: #03649b; }
.listNews li.noData { font-size: 20px; color: #333; padding: 0 20px; }
.listNews2 li a { background: none; padding-left: 8px; }
.listNews2 li span.name { float: left; color: #bd1a2d; font-size: 16px; background: url(/bjsdxqrmzf/template/page/contentTwo/icon.png) no-repeat 15px center; padding-left: 30px; }
@media screen and (max-width:660px) {
	.detail_tit { margin-bottom: 20px; margin-top: 30px; }
	.listNews li { height: auto; line-height: 1.5em; margin: 8px 0; }
	.listNews li a { max-width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 20px; background-position: 0 center; display: inline-block; float: none; font-size: 14px; }
	.listNews li span { display: inline-block; float: right; font-size: 14px; }
	.page-more { margin-top: 10px; }
	.page-more a.pagingNormal, .page-more font.NormalRed, .page_jump { display: none; }
}

/* 分页样式 */
.page-more { text-align: center; margin-top: 50px; margin-bottom: 50px; }
.page-more * { display: inline-block; }
.page-more a, .page-more font { padding: 0 15px; height: 30px; border: 1px solid #efefef; line-height: 28px; font-size: 14px; color: #333; }
.page-more font { background: #bd1a2d; color: #fff; }
.page-more input { width: 48px; height: 30px; border: 1px solid #efefef; text-align: center; }
.page-more input.easysite-jump-btn { font-size: 14px; color: #333; line-height: 30px; height: 30px; padding: 0 15px; border: 1px solid #efefef; background: none; width: auto; }
.page-more input.easysite-page-text { margin: 0 5px; }
.page-more a:hover, .page-more button:hover { border-color: #bd1a2d; background: #bd1a2d; color: #fff; }

/* 镇街政务服务地图 */
.serverMap { margin: 50px auto;  overflow:hidden; }
.serverMap_list { }
.serverMap_list li { margin-bottom:30px; padding: 20px; border-radius: 10px; border: 2px solid rgba(255,236,184,1); }
.serverMap_list li a { display: flex; align-items: center; justify-content: space-between; }
.serverMap_list li .img { border-radius: 8px; overflow: hidden; width: 300px; height: 190px; margin-right: 30px; flex-shrink: 0; }
.serverMap_list li img { width: 100%; display: block; height: 100%; object-fit: cover; transform: scale(1); transition: all linear 300ms; }
.serverMap_list li .txt { width: 100%; }
.serverMap_list li .txt p { font-size: 16px; line-height: 32px; color: #757575; padding-left: 30px; }
.serverMap_list li .txt .name { font-size: 20px; font-weight: bold; color: #000; margin-bottom: 10px; padding-left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.serverMap_list li .txt .tel { background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024101011094128499.png) no-repeat left 8px; }
.serverMap_list li .txt .addr { background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024101011092724395.png) no-repeat left 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.serverMap_list li .txt .date { background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024101011093450419.png) no-repeat left 8px; text-align: justify; -height: 96px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.serverMap_list li .txt .more { display: block; float: right; font-size: 16px; line-height: 36px; width: 150px; text-align: center; background: rgba(255,236,184,1); border-radius: 6px; color: #333; }
.serverMap_list li:hover { border: 2px solid rgba(255,91,0,1); }
.serverMap_list li:hover img { transform: scale(1.1); }
.serverMap_list li:hover .name { color: rgba(255,91,0,1); }
.serverMap_list li:hover .txt .more { background: rgba(255,91,0,1); color: #fff; }

@media screen and (max-width: 1200px){
	.serverMap_list { width: 100%; }
	.serverMap_list li { padding: 10px; }
	.serverMap_list li:nth-child(3n) { margin-right: 0; }
	.serverMap_list li .img { height: 16vw; }
	.page-more { margin-top: 20px; }
}

@media screen and (max-width: 1024px){
	.serverMap_list { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.serverMap_list li { margin-right: 0; }
	.serverMap_list li .img { height: 25vw; }
}
@media screen and (max-width: 768px){
	.serverMap_list li a { flex-direction: column; }
	.serverMap_list li .img { height: auto; width: 100%; margin-right: 0; }
	.serverMap_list li .txt .more { margin: 10px auto 0; float: none; }
}
@media screen and (max-width: 460px){
	.serverMap_list li { width: 100%; }
	.serverMap_list li .img { height: auto; }
}

/* 困难救助 */
.knjz_info { border: 15px solid rgba(228, 63, 45, 0.2); margin-top: 50px; border-radius: 300px 0 300px 300px; margin-bottom: 50px; }
.knjz_info_con { padding: 30px 100px; border: 10px solid #e43f2d; border-radius: 300px 0 300px 300px; background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024101013052671848.png) no-repeat 90% bottom; background-size: auto 90%; }
.knjz_info_con p { font-size: 16px; line-height: 1.8em; color: #999; }
.knjz_info_con p.tit { font-size: 20px; color: #333; font-weight: bold; }
.knjz_con { overflow: hidden; }
.knjz_list { padding: 0 50px; }
.knjz_list li { width: 260px; height: 140px; border: 2px solid #e43f2d; margin: 0 21px 25px; float: left; padding: 30px; border-radius: 20px 0 20px 20px; }
.knjz_list li .txt .name { font-size: 24px; color: #333; margin-bottom: 20px; color: #e43f2d; }
.knjz_list li .txt a { display: block; font-size: 14px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; white-space: nowrap; height: 36px; }
.knjz_list li:hover { background: #e43f2d; }
.knjz_list li:hover .txt .name { color: #fff; }
.knjz_list li:hover .txt a { color: #fff; }
.knjz_list li .txt a:hover { text-decoration: underline; }
@media screen and (max-width: 1200px){
	.knjz_list { padding: 0; display: flex; justify-content: space-evenly; flex-wrap: wrap; }
	.knjz_list li { width: 31%; margin: 0 0 20px; padding: 10px; }
	.knjz_list li .txt a { height: 28px; }
}

@media screen and (max-width: 1024px){
	.knjz_list li { width: 46%; height: auto; }
}

@media screen and (max-width: 768px){
	.knjz_info { border-width: 5px; margin-top: 30px; margin-bottom: 30px; border-radius: 30px 0 30px 30px; }
	.knjz_info_con { padding: 15px; border-width: 5px; border-radius: 28px 0 28px 28px; background: none; }
	.knjz_list li { width: 100%;  margin-bottom: 15px; }
}

/* 便民服务 “一点即查” */
.search_con { overflow: hidden; margin: 50px 0; }
.search_list { width: 110%; }
.search_list li { float: left; margin-right: 20px; margin-bottom: 30px; width: 285px; }
.search_list li .img { height: 140px; display: flex; align-items: bottom; }
.search_list li .img img { display: block; width: 100%; }
.search_list li .txt { padding: 15px; background: #fffaed; }
.search_list li .tit { font-size: 24px; color: #333; padding-bottom: 15px; text-align: center; color: #ea523c;}
.search_list li .keywords a { font-size: 16px; color: #333; line-height: 2em; display: block; background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024101013141368608.png) no-repeat right center; background-size: 14px; }
.search_list li .keywords a:hover { color: #ea523c; background-image: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024101013142128737.png); }

@media screen and (max-width: 1200px){
	.search_list { width: 100%; }
	.search_list li { width: 32%; margin-right: 2%; padding: 10px; }
	.search_list li:nth-child(3n) { margin-right: 0; }
	.search_list li .img { height: auto; }
}
@media screen and (max-width: 768px){
	.search_con { margin: 30px auto; }
	.search_list { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.search_list li { margin-right: 0; width: 48%; padding: 0px; margin-bottom: 10px; }
}

/* 机动车登记服务 */
.ztMk_tit { padding-left: 60px; color: #333; font-weight: bold; margin-bottom: 20px; background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024101013353039700.jpg) no-repeat left center; }
 .ztMk_tit a { font-size: 28px; display: inline-block; background: linear-gradient(to right, #025eea, #00bff9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.bsfw_box { margin-top: 50px; position: relative; margin-bottom: 50px; }
.bsfw_con { width: 90%; }
.bsfw_list li a { display: block; border: 1px solid #ccc; }
.bsfw_list li .img { overflow: hidden; }
.bsfw_list li .img img { display: block; height: auto; }
.bsfw_list li .txt { padding: 20px 15px; }
.bsfw_list li .tit { font-size: 22px; color: #4f4f4f; font-weight: 600; text-align: center; line-height: 1em; margin-bottom: 15px; }
.bsfw_list li .tit::before, .bsfw_list li .tit::after { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #4f4f4f; vertical-align: middle; margin: 0 8px; }
.bsfw_list li .more { width: 150px; height: 36px; text-align: center; background: linear-gradient(to right bottom, #0f61ce, #338de9); border-radius: 8px; margin: 0 auto; font-size: 16px; line-height: 36px; color: #fff; }
.bsfw_but { display: flex; width: 34px; height: 60px; justify-content: center; align-items: center; border: 1px solid #2d8af3; font-size: 30px; font-family: '宋体'; font-weight: bold; color: #2d8af3; position: absolute; top: 50%; margin-top: -30px; }
.bsfw_but.prev { left: 0; }
.bsfw_but.next { right: 0; }
.bsfw_but.nolast { opacity: 0.2; }

.zcwj_box { margin-bottom: 30px; }
.zcwj_con { padding-top: 20px; }
.news_list li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E3E3E3; }
.news_list li a { display: block; padding-left: 30px; font-size: 18px; color: #000; background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024101013353890768.png) no-repeat left center; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list li .smy { display: -webkit-box; font-size: 16px; line-height: 1.5em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #999; }
.news_list li:hover a { color: #2d8af3; }
.news_list li:hover .smy { color: #333; }

.zwfw_pic { margin-bottom: 50px; }
.zwfw_pic .img { width: 48%; }
.zwfw_pic .img img { display: block; width: 100%; }

@media screen and (max-width: 1200px) {
	.bsfw_list li .tit { font-size: 20px; }
	.bsfw_list li .smy p { font-size: 14px; line-height: 1.8em; }
}

@media screen and (max-width: 768px) {
	.bsfw_box { margin-top: 30px; }
	.bsfw_list li .smy { height: auto; }
	.bsfw_but { height: 34px; border-radius: 50%; z-index: 10; background: #fff; z-index: 10; }
	.zcwj_box { width: 100%; margin-bottom: 10px; }
	.zwfw_pic .img { width: 48%; }
	.zwfw_pic { margin-bottom: 30px; }
}

@media screen and (max-width: 460px) {
	.zwfw_pic .img { width: 100%; margin-bottom: 10px; }
}

/* 区内医药产品 */
.yycp_wrap { border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1); padding: 30px 0; margin: 50px 0; }
.yycp_type { overflow: hidden; margin-bottom: 30px; }
.yycp_title { height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 0 34px; }
.yycp_title span { font-size: 20px; font-weight: bold; color: #333; padding-left: 10px; border-left: 5px solid #bd192d; }
.yycp_type_list { padding: 0 20px; }
.yycp_type_list li { float: left; width: 172px; height: 96px; -background: url(type_bg.png) no-repeat center; margin: 5px 10px; }
.yycp_type_list li a { display: flex; width: 100%; height: 100%; line-height: 1.8em; justify-content: center; align-items: center; font-size: 16px; color: #fff; }
#yycp_search { float: right; border-radius: 40px; height: 40px; width: 340px; border: 1px solid #ccc; overflow: hidden; margin-top: 5px; }
#yycp_search input { width: 260px; float: left; height: 40px; border: 0; background: none; padding: 0 10px 0 20px; font-size: 16px; color: #666; outline: none; }
#yycp_search button { width: 50px; height: 40px; float: right; background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024110611234769179.png) no-repeat center; border: none; }
.yycp_ul { padding: 0 20px; }
.yycp_ul li { float: left; width: 270px; margin: 0 10px 40px; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1); }
.yycp_ul li .img { display: flex; width: 100%; height: 150px; justify-content: center; align-items: center; }
.yycp_ul li .img img { max-width: 90%; max-height: 90%; display: block; }
.yycp_ul li .tit { height: 50px; background: #f5f5f5; padding: 10px 20px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #333; font-weight: bold; text-align: center; }
@media screen and (max-width: 1200px) {
	.yycp_wrap { border-radius: 0; box-shadow: none; padding: 0; }
	.yycp_ul { padding: 0; }
	.yycp_ul li { width: 23%; margin: 0 1% 25px;  }
	.yycp_ul li .tit { height: 70px; }
}
@media screen and (max-width: 1024px) {
	.yycp_ul li { width: 31.33%; }
}
@media screen and (max-width: 768px) {
	.yycp_title { padding: 0; height: auto; }
	#yycp_search { width: 100%; display: flex; margin-bottom: 10px; }
	#yycp_search input { width: 100%; }
	#yycp_search button { flex-shrink: 0; }
	.yycp_ul li { width: 48%; }
}
@media screen and (max-width: 460px) {
	.yycp_ul li { width: 100%; margin: 0 0 25px; }
}

/* 价格和缴费标准查询 */
.priceTop { overflow: hidden; margin-bottom: 50px; }
.priceTop li { width: 520px; background: #fff7ed; overflow: hidden; padding: 30px; margin-top: 40px; float: left; overflow: hidden; }
.priceTop li:nth-child(2n) { margin-left: 40px; }
/* .priceTop li span { height: 100%; width: 81px; border-right: 1px #ccc solid; float: left; display: flex; align-items: center; }
.priceTop li .right_content { width: calc(100% - 108px); padding-left: 26px; float: left; } */
.priceTop li .right_content i { height: 28px; line-height: 28px; font-size: 16px; color: #fff; background: #bd1b2d; padding: 0 20px 0 10px; margin-top: 4px; position: relative; display: inline-block; vertical-align: top; font-style: normal; margin-bottom: 10px; }
.priceTop li .right_content i::before { content: ""; display: inline-block; width: 0; height: 0; border-left: 0px solid transparent; border-right: 12px solid #fff7ed; border-top: 14px solid transparent; border-bottom: 14px solid transparent; position: absolute; top: 0; right: 0; }
.priceTop li .right_content dl { width: 100%; height: 120px; }
.priceTop li .right_content dl dt { font-size: 24px; line-height: 36px; color: #333; }
.priceTop li .right_content dl dd { padding-top: 10px; font-size: 16px; line-height: 30px; color: #333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; }
.priceTop li .right_content em { font-style: normal; color: #666; font-weight: 600; font-size: 16px; line-height: 32px; display: block; }
.price_gray { background: #fcefdf; padding: 50px 0; }
.m-tit { display: none; }
.priceBot { position: relative; }
.priceBot_list { overflow: hidden; }
.priceBot_ul { width: 105%; }
.priceBot_ul li { float: left; width: 183px; height: 36px; line-height: 36px; text-align: center; background: #fff; margin-right: 20px; margin-bottom: 20px; border-radius: 4px; display: none; }
.priceBot_ul li a { font-size: 16px; color: #333; }
.priceBot_ul li:hover a { color: #bd1b2d; }
.priceBot_ul li.on { background: #bd1b2d; }
.priceBot_ul li.on a, .priceBot_ul li.on:hover a { color: #fff; }
.priceBot_ul i { display: block; float: left; width: 183px; height: 36px; line-height: 36px; text-align: center; background: #fff; margin-right: 20px; margin-bottom: 20px; border-radius: 4px; font-style: normal; cursor: pointer; }
.priceBot_ul i span { font-size: 16px; color: #bd1b2d; }
.priceBot_ul i img { margin-left: 10px; vertical-align: middle; }
.priceBotCon_list { padding: 20px; background: #fff; min-height: 100px; overflow: hidden; }
.priceBotCon_list li { height: 48px; line-height: 48px; display: none; width: 48%; margin-right: 2%; float: left; }
.priceBotCon_list li a { font-size: 18px; color: #333; display: block; }
.priceBotCon_list li a::before { content: ""; width: 4px; height: 4px; background-color: #bd1b2d; float: left; margin-right: 16px; margin-top: 22px; border-radius: 10px; overflow: hidden; }
.priceBot_ul_null { min-height: 146px; display: block; text-align: center; font-size: 18px; line-height: 48px; background-color: #fff; }
.detailCon { margin: 50px auto; }
@media screen and (max-width: 1200px) {
	.priceTop_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.priceTop_list li { width: 48%; margin-left: 0; margin-top: 20px; padding: 15px; display: flex; flex-direction: column; height: auto; align-items: center; }
	.priceTop_list li:nth-child(2n) { margin-left: 0; }
	.priceTop_list li span { width: auto; height: auto; margin-bottom: 10px; border-right: 0; }
	.priceTop li .right_content { width: 100%; padding-left: 0; }
	.priceTop li .right_content dl { height: auto; }
	.priceTop li .right_content dl dt { font-size: 20px; }
	.priceBot_ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
	.priceBot_ul li, .priceBot_ul i { width: 23%; margin-right: 0; }
}
@media screen and (max-width: 768px){
	.priceTop { margin-bottom: 30px; }
	.priceTop_list li { width: 100%; }
	.price_gray { padding: 30px 0; }
	.priceBot_ul li, .priceBot_ul i { width: 48%; margin-bottom: 10px; }
	.priceBotCon_list { padding: 10px; }
	.priceBotCon_list li { height: 38px; line-height: 38px; width: 100%; float: none; } 
	.priceBotCon_list li a { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* 魅力大兴 */
.mldx_box { background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024111909522765330.jpg) no-repeat center bottom; background-size: 100% auto; overflow: hidden; }
.mldx_con { margin-top: 50px; margin-bottom: 100px; background: #fff; padding: 40px 0; }
.mldx_list { min-height: 600px; }
.mldx_list li { width: 370px; float: left; margin: 0 15px 20px; text-align: center; }
.mldx_list { overflow: hidden; }
.mldx_list li .img { width: 100%; height: 220px; overflow: hidden; border-radius: 10px; }
.mldx_list li .img img { display: block; width: 100%; height: 100%; transform: scale(1); transition: all linear 400ms; }
.mldx_list li .tit { font-size: 22px; color: #040404; font-family: '思源宋体'; line-height: 3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mldx_list li:hover .img img { transform: scale(1.1); }
.mldx_list li:hover .tit { color: #bd1a2d; }
@media screen and (max-width: 1200px) {
	.mldx_list { display: flex; flex-wrap: wrap; justify-content: space-evenly; min-height: auto; }
	.mldx_list li { margin: 0 0 20px; width: 31%; }
	.mldx_list li .img { height: 18vw; }
}
@media screen and (max-width: 768px) {
	.mldx_con { margin-top: 30px; margin-bottom: 30px; padding: 0; background: none; }
	.mldx_list { justify-content: space-between; }
	.mldx_list li { width: 48%; }
	.mldx_list li .img { height: 30vw; }
	.mldx_list li .tit { font-size: 16px; }
}

/* 便民服务 */
.bmfw_box { background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024112013593930658.jpg) no-repeat center bottom; background-size: 100% auto; overflow: hidden; }
.bmfw_con { margin-top: 45px; margin-bottom: 110px; }
.bmfw_list { padding: 40px; background: #fff; }
.bmfw_list li { border-radius: 10px; overflow: hidden; }
.bmfw_list li img { display: block; margin-bottom: 30px; }
.bmfw_list li:last-child img { margin-bottom: 0; }

/* 医保“兴”剧场 */
.ybxjc_box { background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2024111909522765330.jpg) no-repeat center bottom; background-size: 100% auto; overflow: hidden; }
.ybxjc_con { margin-bottom: 100px; background: #fff; padding: 40px 0; }
.ybxjc_list { min-height: 600px; }
.ybxjc_list li { width: 370px; float: left; margin: 0 15px 20px; text-align: center; border-radius: 10px; overflow: hidden; }
.ybxjc_list { overflow: hidden; }
.ybxjc_list li .img { width: 100%; height: 220px; overflow: hidden; }
.ybxjc_list li .img img { display: block; width: 100%; height: 100%; transform: scale(1); transition: all linear 400ms; }
.ybxjc_list li .tit { font-size: 22px; color: #fff; background: #6b92fb; font-family: '思源宋体'; line-height: 3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ybxjc_list li:hover .img img { transform: scale(1.1); }
.ybxjc_info { margin: 50px auto 0; padding: 30px 0; background: #c3d3ff; border-radius: 10px; }
.ybxjc_info p { padding: 0 50px; font-size: 16px; line-height: 2em; color: #333; }

@media screen and (max-width: 1200px) {
	.ybxjc_list { display: flex; flex-wrap: wrap; justify-content: space-evenly; min-height: auto; }
	.ybxjc_list li { margin: 0 0 20px; width: 31%; }
	.ybxjc_list li .img { height: 18vw; }
}
@media screen and (max-width: 768px) {
	.ybxjc_info { margin-top: 30px; }
	.ybxjc_info p { padding: 0 20px; font-size: 14px; }
	.ybxjc_con { margin-top: 30px; margin-bottom: 30px; padding: 0; background: none; }
	.ybxjc_list { justify-content: space-between; }
	.ybxjc_list li { width: 48%; }
	.ybxjc_list li .img { height: 30vw; }
	.ybxjc_list li .tit { font-size: 16px; }
}

/* 长者福利 */
.zzfl_box { width: 100%; position: relative; }
.zzfl_box > img { display: block; width: 100%; }
.zzfl_box .tit { width: 18.2%; position: absolute; top: 8%; text-align: center; left: 40.9%; }
.zzfl_box .tit img { width: 100%; }
.zzfl_box .link { border-radius: 50%; position: absolute; z-index:10; text-align: center; box-sizing: content-box; }
.zzfl_box .link a { display: flex; justify-content: center; align-items: center; background: #fff; width: 192px; height: 192px; border-radius: 50%; flex-direction: column; }
.zzfl_box .link .txt { font-size: 26px; line-height: 1.4em; font-family: '思源宋体'; }
.zzfl_box .link .but { display: block; width: 80px; height: 24px; font-size: 14px; color: #fff; font-family: '思源宋体'; line-height: 24px; text-align: center; border-radius: 12px; margin-top: 15px; }
.zzfl_box .link1 { border: 12px solid rgba(106,140,28,.3); top: 30%; left: 20%; }
.zzfl_box .link1 .txt { color: #6a8c1c; }
.zzfl_box .link1 .but { background: #6a8c1c; }
.zzfl_box .link2 { border: 12px solid rgba(140,73,28,.3); top: 25%; left: 44%; }
.zzfl_box .link2 .txt { color: #e86710; }
.zzfl_box .link2 .but { background: #e86710; }
.zzfl_box .link3 { border: 12px solid rgba(140,28,104,.3); top: 36%; left: 70%; }
.zzfl_box .link3 .txt { color: #e93ccb; }
.zzfl_box .link3 .but { background: #e93ccb; }
.zzfl_box .link4 { border: 12px solid rgba(140,28,28,.3); top: 50%; left: 32%; }
.zzfl_box .link4 .txt { color: #f62828; }
.zzfl_box .link4 .but { background: #f62828; }
.zzfl_box .link5 { border: 12px solid rgba(65,28,140,.3); top: 60%; left: 48%; }
.zzfl_box .link5 .txt { color: #5b51ec; }
.zzfl_box .link5 .but { background: #5b51ec; }
.zzfl_box .link6 { border: 12px solid rgba(28,81,140,.3); top: 75%; left: 36%; }
.zzfl_box .link6 .txt { color: #1877c8; }
.zzfl_box .link6 .but { background: #1877c8; }
.zzfl_box .link7 { border: 12px solid rgba(16,100,36,.3); top: 70%; left: 70%; }
.zzfl_box .link7 .txt { color: #18c82d; }
.zzfl_box .link7 .but { background: #18c82d; }
@media screen and (max-width: 2561px) {
	.zzfl_box .link a { width: 2.4rem; height: 2.4rem; }
	.zzfl_box .link .txt { font-size: 0.33rem; }
	.zzfl_box .link .but { width: 1.0rem; height: 0.3rem; font-size: 0.17rem; line-height: 0.3rem; margin-top: 0.19rem; }
	.zzfl_box .link1 { border-width: 0.15rem; top: 30%; left: 20%; }
	.zzfl_box .link2 { border-width: 0.15rem; top: 25%; left: 44%; }
	.zzfl_box .link3 { border-width: 0.15rem; top: 36%; left: 70%; }
	.zzfl_box .link4 { border-width: 0.15rem; top: 50%; left: 32%; }
	.zzfl_box .link5 { border-width: 0.15rem; top: 60%; left: 48%; }
	.zzfl_box .link6 { border-width: 0.15rem; top: 75%; left: 36%; }
	.zzfl_box .link7 { border-width: 0.15rem; top: 70%; left: 70%; }
}
@media screen and (max-width: 768px){
	.zzfl_box { overflow: hidden; padding-bottom: 40px; }
	.zzfl_box .tit { width: 50%; left: 25%; top: 10vw; }
	.zzfl_box .link { box-sizing: border-box; width: 46%; margin: 5% 2% 0; float: left; position: static; border-radius: 0;  }
	.zzfl_box .link a { width: 100%; }
	.zzfl_box .link .txt { font-size: 0.4rem; }
	.zzfl_box .link .but { width: 2rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.3rem; }
}