@charset "utf-8";
.bg-fff {
    background: #fff;
}
.tab-head ul li {
  border-bottom: 2px solid #fff;
  text-align: center;
  float: left;
  padding: 5px 10px 15px;
  font-size: 18px;
  color: #434343;
  font-weight: bold;
}
.tab-head ul li a {
  color: #434343;
}
.tab-head ul li:first-child {
  margin: 0;
}
.tab-head ul li.default {
  color: #226ebc;
  border-bottom: 2px solid #226ebc;
}
.tab-head ul li.default a {
  font-weight: bold;
  color: #226ebc;
  font-size: 18px;
}
/*通用标题*/
.fuwu-tnm { padding: 10px 0; }
.fuwu-tnm span {margin-left: -28px;padding-left: 15px;border-left: 5px solid #226ebc;color: #226ebc;font-weight: bold;font-size: 18px;}
/*PC端*/
.fw-bd {padding: 10px 28px;}
.fw-bd ul { padding-left: 0; }
.fw-bd .con-tnm { overflow: hidden;height: auto; }
.fw-bd .con-tnm ul.tabs {overflow: hidden;height: auto;padding-top: 5px;border-bottom: 1px solid #e8e8e8;margin-bottom: -1px;}
.fw-bd .con-tnm ul.tabs li {text-align: center;padding-bottom: 20px;}
.fw-bd .con-tnm ul.tabs li a { padding: 0 10px 12px;cursor: pointer;font-size: 18px; }
.swiper-slide{padding: 20px;height: auto;overflow: hidden;}
.icon-grfw a {float: left;overflow: hidden;display: block;width: 21%;height: auto;margin: 2%;line-height: 30px;text-align: center;font-size: 1.7rem;white-space: nowrap;text-overflow: ellipsis;background: #e5e5e5;padding: 5px;}
.icon-grfw a:hover{background: #e2696e;color: #ffffff;}
.icon-bmfw{height: auto;overflow: hidden;}
.icon-bmfw ul{height: auto;overflow: hidden;}
.icon-bmfw ul li{width: 25%;height: auto;overflow: hidden;padding: 15px 10px;float: left;text-align: center;}
.icon-bmfw ul li a{display: block;font-size: 16px;border: 1px solid #E5E5E5;padding: 8px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .3s;}
.icon-bmfw ul li:hover a{background: #226ebc;color: #FFFFFF;}
/*wap端*/
.wap-fwbd button { width: 100%;margin-bottom: 5px;padding: 10px 0;border-radius: 5px;text-align: center;background: #226ebc; }
.wap-fwbd button.btn-primary:hover { background-color: #226ebc; }
.wap-fwbd .card-header button { color: #fff;font-size: 18px; }
.wap-fwbd .card { border-radius: 5px 5px 0 0;background: #fff; }
.wap-fwbd .icon-grfw { overflow: hidden;height: auto;padding: 15px 0; }
/*热门事项*/
.rmsx-bd { overflow: hidden;height: auto;padding-top: 10px; }
.rmsx-bd .rmsx-ul {margin: 8px 0 10px;border: 1px solid #e5e5e5;}
.rmsx-bd .rmsx-ul li { overflow: hidden;border: 2px solid #fff;border-bottom: none;line-height: 44px;background: #f3f3f3;white-space: nowrap;text-overflow: ellipsis;text-indent: 1rem;}
.rmsx-bd .rmsx-ul li:nth-of-type(even){background: #fff;}
.rmsx-bd .rmsx-ul li:last-child { border-bottom: 2px solid #fff; }
.rmsx-bd .rmsx-ul li em {font-size: 16px;color: #999999;padding: 0 10px;}
.rmsx-bd .rmsx-ul li:nth-child(-n+3) i { background: #c90000;color: #fff; }
.rmsx-bd .rmsx-ul li a{font-size: 16px;}
/*服务横条*/
.fw-htbd { padding: 0 -10px; }
.fw-htbd .swiper-slide{padding: 0 3px}
.fw-ht { margin: 20px 0; }
.fw-ht img {width: 100%;height: 95px;padding: 0 10px;}
/*公共服务*/
.ggfw{padding: 10px;}
.ggfw a{display: block;float: left;width: 20%;text-align: center;margin: 1rem 2.5%;font-size: 16px;background: #f1f2f4;padding: 2rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ggfw a:hover{background: #e2696e;color: #fff;}
.ggfw-bd{padding: 1rem 0;}
.ggfw-bd .fuwu-tnm{padding-right: 4rem;}
.ggfw-bd .fuwu-tnm span{margin-left: 0;}
.ggfw-bd .fuwu-tnm a{font-size: 16px;color: #007aff;font-weight: bold;}

/* 便民服务*/
.bmfw-bd{height: auto;overflow: hidden;padding-bottom: 26px;}
.bmfw{height: auto;overflow: hidden;}
.bmfw-row{line-height: 3;font-size: 16px;}
.bmfw-row span{padding-right: 15px;display: inline-block;}
.bmfw-row a{width: 28%;display: inline-block;text-indent: 1rem;white-space: nowrap;margin: 0 10px 10px 0;background: #ecf3fa;}

.fw-link { overflow: hidden;height: auto;padding: 28px 0 18px; }
.fw-link a { display: block;width: 100%;margin-bottom: 1rem;padding: 19.5px 0;text-align: center;background: #008369;font-weight: bold;font-size: 2rem; }
.fw-link a:last-child { margin-bottom: 0;background: #e7eff6;color: #657d93; }
.fw-link a:nth-of-type(2) { background: #e7f6f3;color: #6a948c; }
.fw-link a:nth-of-type(3) { background: #eff6e7;color: #708559; }
.fw-link a:first-child { background: #f6eee7;color: #9f8166; }

.cycx-bd .m-lst ul li { background: url(../../images/common.files/fw-list.png) no-repeat 5px center;text-indent: 1.2rem; }
.cx-link1 { overflow: hidden;height: auto;padding: 8px 0; }
.cx-link1>div { margin-bottom: 10px; }
.cx-link1 a { display: block;padding: 10px 0;text-align: center;background: #ecf3fa;color: #226ebc;font-size: 16px; }
.cx-link1 a:hover, .cx-link1 .default a { background: #226ebc;color: #fff; }
@media all and (max-width: 1200px) { 
	.rmsx-bd .rmsx-ul li { line-height: 43px; }
	}
@media all and (max-width: 1024px) { 
	.rmsx-bd .rmsx-ul li { line-height: 42px; } 
	.fw-link a{width: 25%;float: left;}
	.rmsx-bd .rmsx-ul li{text-indent: 0;}
	}
@media all and (max-width: 991px) { 
	.fw-ht img { width: 100%;height: 75px;padding: 0 8px; } 

	}
@media all and (max-width: 768px) { 
	.fw-bd .con-tnm ul.tabs li a { font-size: 1.5rem; }
    .icon-grfw a { font-size: 1.5rem; }
    .icon-grfw a i { width: 50px;padding: 10px 0; }
    .rmsx-bd .rmsx-ul li { line-height: 37px; }
    .rmsx-bd { padding: 10px; }
    .fw-link a { float: left;width: 23%;margin: 0 1%;padding: 10px 0; }
    .fw-link { padding-bottom: 15px; }
    .fuwu-tnm span { margin-left: -10px; }
	.rmsx-ul{padding: 6px 0;}
	.bmfw-row a{width: 27%;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
	.ggfw a{width: 48%;margin:1rem 1%;}
  }
@media all and (max-width: 650px) { 
	.rmsx-bd { margin-top: 20px; }
    .icon-grfw a { width: 25%;margin: 1% 0; }
    .fw-ht img { padding: 0; }
    .fw-ht .swiper-button-next, .fw-ht .swiper-button-prev { background-size: 50%; }
    .fw-ht .swiper-button-prev { left: 0; }
    .fw-ht .swiper-button-next { right: 0; }
    .fw-htbd { padding: 0 10px; }
    .fuwu-tnm span { margin-left: -10px; }
    .wap-fwbd { padding: 0; }
    .cycx-bd { margin-bottom: 20px; }
    .cx-link1 a { padding: 10px 12px; }
    .cycx-bd { padding: 5px 10px 20px; }
    .fw-linkbd { padding: 0 10px 10px; } 
	.fw-link a{width: 45%;float: left;margin: 1.25% 2.5%;}
	.bmfw-row span{width: 100%;font-weight: bold;}
	.bmfw-row a{width: auto;padding: 5px 15px;}
	.icon-bmfw ul li{width: 50%;}
  }
@media all and (max-width: 424px) { 
	.fw-link { padding: 10px 0 0; }
    .fw-link a { font-size: 1.6rem; } 
  }