html {
  background-color: #fff;
}
* {
  box-sizing: border-box;
}
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
  margin: 0;
  padding: 0;
}
fieldset,
img {
  border: none;
}
ul,
ol,
li {
  list-style: none;
}
input {
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  border: 0 none;
}
select,
input {
  vertical-align: middle;
}
select,
input,
textarea {
  font-size: 14px;
  margin: 0;
  outline: none;
}
textarea {
  resize: none;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
body {
  font-size: 16px;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
}
a {
  color: #666;
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 16px;
  transition: 0.5s all;
}
a:hover {
  text-decoration: none;
  color: #c32331;
}
i,
b {
  font-style: normal;
}
html {
  font-size: 10vw;
}
.wapper {
  width: 1200px;
  margin: 0 auto;
}
*,
::after,
::before {
  box-sizing: border-box;
}
body {
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 0.4rem;
}
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.26666667rem;
  height: 1.46666667rem;
}
header .logo {
  background: url(https://www.bjhd.gov.cn/sources/mobile/images/logo.png) no-repeat left center;
  background-size: 100%;
  width: 5.25333333rem;
  height: 0.8rem;
  display: block;
}
header form {
  width: 3.86666667rem;
  height: 0.66666667rem;
  line-height: 0.66666667rem;
  background-color: #f9f9f9;
  border-radius: 0.33333333rem;
  overflow: hidden;
  padding: 0 0.33333333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header form .searchTxt {
  width: 2.66666667rem;
  height: 100%;
  background: transparent;
  font-size: 0.32rem;
}
header form .searchBtn {
  display: block;
  width: 0.53333333rem;
  height: 0.66666667rem;
  background: url(https://www.bjhd.gov.cn/sources/mobile/images/searchBtnBG.png) no-repeat center center;
  background-size: 70%;
  padding: 0;
}
.headline_news {
  padding: 15px 0;
  background: linear-gradient(to right, #d42238, #bd1a2d);
  margin-bottom: 0;
  width: 100%;
}
.headline_news h3 {
  font-size: 0.48rem;
  line-height: 1.25em;
  color: #fff;
  font-weight: bold;
  height: auto;
  border-bottom: none;
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
.headline_news .more {
  width: 90%;
  margin: 0.38666667rem auto 0;
  text-align: right;
}
.headline_news .more a {
  color: #ffedcb;
}
.slide-top {
  background: linear-gradient(to right, #d42238, #bd1a2d);
}
.slide-top .topPhotoBox {
  margin: 0 0.26666667rem;
  height: 5.22666667rem;
}
.slide-top .topPhotoBox .swiper-slide {
  width: 4.92rem;
}
.slide-top .topPhotoBox .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.slide-top .topPhotoBox .swiper-slide a img {
  width: 100%;
  height: 100%;
}
.slide-top .topPhotoBox .swiper-pagination-topPhoto {
  position: absolute;
  bottom: 0.13333333rem;
  z-index: 9;
  text-align: center;
}
.slide-top .topPhotoBox .swiper-pagination-topPhoto .swiper-pagination-bullet {
  opacity: 1;
  background-color: #eaeaea;
  transition: 0.5s all;
  width: 0.13333333rem;
  height: 0.13333333rem;
  border-radius: 50%;
}
.slide-top .topPhotoBox .swiper-pagination-topPhoto .swiper-pagination-bullet-active {
  width: 0.53333333rem;
  height: 0.13333333rem;
  border-radius: 0.06666667rem;
  background-color: #bd1a2d;
}
.headNew {
  background: linear-gradient(to right, #d42238, #bd1a2d);
  border: none;
  padding: 0 0.26666667rem;
}
.headNew a {
  justify-content: normal;
  color: #fff;
  text-align: justify;
  line-height: 1.8;
  padding: 0.13333333rem 0;
  display: flex;
}
.headNew p {
  color: #e3a5aa;
  font-size: 0.3rem;
  line-height: 28px;
  text-align: justify;
}
.zybjhd {
  width: 10rem;
  height: 1.33333333rem;
  background: linear-gradient(to right, #d42238, #bd1a2d);
  overflow: hidden;
  white-space: nowrap;
  overflow-x: auto;
  padding-left: 0.56rem;
  padding-top: 0.30666667rem;
}
.zybjhd li {
  display: inline-block;
  width: 1.85333333rem;
  height: 0.74666667rem;
  margin-right: 0.30666667rem;
}
.zybjhd li a {
  font-family: MicrosoftYaHei;
  font-size: 0.48rem;
  color: #fff;
  text-align: center;
}
.zybjhd .newactive {
  position: relative;
}
.zybjhd .newactive::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.48rem;
  height: 0.05333333rem;
  background-color: #ffe785;
  border-radius: 0.02666667rem;
}
.hznews .gxnew {
  display: none;
  width: 9rem;
  margin: 0 auto;
}
.hznews .gxnew ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 0.26666667rem;
  padding-bottom: 0.26666667rem;
  border-bottom: solid 0.01333333rem #f8f8f8;
}
.hznews .gxnew ul li a {
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.newpicfgx {
  width: 10rem;
  height: 0.32rem;
  background-color: #f7f7f7;
}
.piclist {
  width: 10rem;
  height: 6.13333333rem;
  margin: 0 auto;
  padding-top: 0.26666667rem;
}
.piclist ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.piclist ul li {
  width: 9.36rem;
  height: 1.86666667rem;
  margin-bottom: 0.26666667rem;
  margin-bottom: 0.24rem;
}
.piclist ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.piclist ul li a img {
  width: 100%;
  height: 100%;
}
.piclist ul li:last-child {
  margin-bottom: 0;
  margin-top: 0.29333333rem;
  width: 9.36rem;
  height: 1.2rem;
}
.bshjlist {
  margin: 0.66666667rem auto 0;
  width: 9.36rem;
}
.bshjlist .bsitem {
  width: 100%;
  background: #fdfaf7;
  margin-bottom: 0.53333333rem;
}
.bshjlist .bsitem .top {
  width: 100%;
  height: 1.76rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.bshjlist .bsitem .top .btpic {
  width: 1.04rem;
  height: 1.04rem;
}
.bshjlist .bsitem .top .btpic img {
  width: 100%;
  height: 100%;
}
.bshjlist .bsitem .top .text {
  width: 6.66666667rem;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.bshjlist .bsitem .top .text h2 {
  width: 100%;
  color: #333;
  font-size: 0.48rem;
  font-weight: 700;
}
.bshjlist .bsitem .top .text p {
  color: #717171;
  font-size: 0.32rem;
}
.bshjlist .bsitem .top .zktsf {
  width: 0.66666667rem;
  height: 0.66666667rem;
}
.bshjlist .bsitem .top .zktsf img {
  width: 100%;
  height: 100%;
}
.bshjlist .bsitem .fgx {
  display: none;
  margin: 0 auto;
  width: 8.56rem;
  height: 0.01333333rem;
  background-color: #eb7854;
}
.bshjlist .bsitem ul {
  margin: 0.4rem auto 0;
  width: 8.56rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  display: none;
}
.bshjlist .bsitem ul li {
  width: 2.66666667rem;
  height: 1.06666667rem;
  border: solid 0.02666667rem #f4b9a5;
}
.bshjlist .bsitem ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1.06666667rem;
  color: #070707;
  font-size: 0.42666667rem;
}
.bshjlist .bsitem:nth-child(1) ul {
  height: 2.467rem;
}
.bshjlist .bsitem:nth-child(2) {
  background: #f8f7fd;
}
.bshjlist .bsitem:nth-child(2) .fgx {
  background-color: #6d54eb;
}
.bshjlist .bsitem:nth-child(2) ul {
  height: 2.467rem;
}
.bshjlist .bsitem:nth-child(2) ul li {
  border: solid 0.02666667rem #a6a5f4;
}
.bshjlist .bsitem:nth-child(3) {
  background: #fdfaf7;
}
.bshjlist .bsitem:nth-child(3) .fgx {
  background-color: #eba654;
}
.bshjlist .bsitem:nth-child(3) ul li {
  border: solid 0.02666667rem #f4d0a5;
  margin-right: 0.26666667rem;
}
.bshjlist .bsitem:nth-child(3) ul li:nth-child(3n) {
  margin-right: 0;
}
.bshjlist .bsitem:nth-child(4) {
  background: #fdf7f7;
}
.bshjlist .bsitem:nth-child(4) .fgx {
  background-color: #eb5e54;
}
.bshjlist .bsitem:nth-child(4) ul li {
  border: solid 0.02666667rem #f4aba5;
}
.bshjlist .dsactive {
  padding-bottom: 0.5rem;
}
.bshjlist .dsactive .fgx {
  display: block;
}
.bshjlist .dsactive ul {
  display: flex;
}
.zclnewhz {
  width: 10rem;
  height: 1.33333333rem;
  border-bottom: 0.02666667rem solid #e6e6e6;
  padding-left: 0.29333333rem;
}
.zclnewhz ul {
  width: auto;
  white-space: nowrap;
  overflow-x: scroll;
  padding-left: 0.56rem;
  padding-top: 0.30666667rem;
}
.zclnewhz ul::-webkit-scrollbar {
  display: none;
}
.zclnewhz ul li {
  display: inline-block;
  height: 0.74666667rem;
  padding: 0 0.30666667rem 0 0;
}
.zclnewhz ul li span {
  font-family: MicrosoftYaHei;
  font-size: 0.48rem;
  color: #222;
  text-align: center;
}
.zclnewhz ul .zclactive {
  position: relative;
}
.zclnewhz ul .zclactive span {
  color: #b02c30;
}
.zclnewhz ul .zclactive::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.48rem;
  height: 0.05333333rem;
  background-color: #b02c30;
  border-radius: 0.02666667rem;
}
.zclitems .zcitem {
  display: none;
  width: 9rem;
  margin: 0 auto;
}
.zclitems .zcitem ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 0.26666667rem;
  padding-bottom: 0.26666667rem;
  border-bottom: solid 0.01333333rem #f8f8f8;
}
.zclitems .zcitem ul li a p {
  line-height: 1.4;
  font-size: 0.42666667rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #3a3a3a;
}
.zclitems .zcitem ul li a span {
  font-size: 0.34666667rem;
  color: #a3a3a3;
  margin-top: 0.37333333rem;
}
.zclitems .zcitem .more {
  display: block;
  width: 4rem;
  height: 0.8rem;
  border: 0.01333333rem solid #999999;
  background-color: #ffffff;
  border-radius: 0.45333333rem;
  font-size: 0.37333333rem;
  color: #999;
  margin: 0.26666667rem auto 0;
  text-align: center;
  line-height: 0.8rem;
}
.zfxxgk {
  margin: 0.66666667rem auto 0;
  width: 10rem;
  height: 1.46666667rem;
}
.zfxxgk a {
  display: block;
  width: 100%;
  height: 100%;
}
.zfxxgk a img {
  width: 100%;
  height: 100%;
}
.zfdwlxdh {
  margin: 0.66666667rem auto 0;
  width: 9.36rem;
  height: 2.8rem;
}
.zfdwlxdh a {
  display: block;
  width: 100%;
  height: 100%;
}
.zfdwlxdh a img {
  width: 100%;
  height: 100%;
}
.gxxxgk {
  margin: 0.4rem auto 0;
  width: 9.36rem;
}
.gxxxgk ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gxxxgk ul li {
  width: 4.53333333rem;
  height: 1.6rem;
  background-color: #f5f5f5;
  padding: 0 0.56rem;
  margin-bottom: 0.4rem;
}
.gxxxgk ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #262626;
  font-size: 0.42666667rem;
  text-align: center;
}
.gxgkhj {
  margin: 0.4rem auto 0;
  width: 9.36rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gxgkhj a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.90666667rem;
  height: 1.06666667rem;
  border: solid 0.02666667rem #e5e5e5;
  color: #070707;
  font-size: 0.42666667rem;
  margin-bottom: 0.4rem;
}
.lxxd {
  width: 9.46666667rem;
  margin: 0.66666667rem auto 0;
}
.lxxd h2 {
  width: 100%;
  font-size: 0.53333333rem;
  font-weight: 600;
  position: relative;
}
.lxxd h2::before {
  content: '';
  width: 0.08rem;
  height: 0.48rem;
  background-color: #bd1a2d;
  display: inline-block;
  vertical-align: middle;
  margin: -0.08rem 0.13333333rem 0 0;
}
.lxxd h2 .more {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #717171;
  font-size: 0.4rem;
}
.lxxd ul {
  margin: 0.52rem auto 0;
  width: 9.38666667rem;
}
.lxxd ul li {
  margin-bottom: 0.8rem;
  width: 100%;
}
.lxxd ul li a {
  display: block;
  width: 100%;
  line-height: 1.4;
  font-size: 0.42666667rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #3a3a3a;
}
.lxxd ul li .time {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: start;
  height: 0.50666667rem;
}
.lxxd ul li .time .schedule {
  padding: 0 0.13333333rem;
  height: 100%;
  background-color: #fcf6f6;
  border-radius: 0.13333333rem;
  line-height: 0.50666667rem;
  margin-right: 0.13333333rem;
  color: #dc7a72;
  font-size: 0.34666667rem;
}
.lxxd ul li .time span {
  color: #a3a3a3;
  display: block;
  font-size: 0.34666667rem;
}
.xssjbl {
  margin: 0.66666667rem auto 0;
  width: 9.36rem;
}
.xssjbl ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xssjbl ul li {
  width: 4.53333333rem;
  height: 3.6rem;
  margin-bottom: 0.32rem;
}
.xssjbl ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.xssjbl ul li a img {
  width: 100%;
  height: 100%;
}
.yjzjydc {
  width: 9.46666667rem;
  margin: 0.66666667rem auto 0;
}
.yjzjydc h2 {
  width: 100%;
  font-size: 0.53333333rem;
  font-weight: 600;
  position: relative;
}
.yjzjydc h2::before {
  content: '';
  width: 0.08rem;
  height: 0.48rem;
  background-color: #bd1a2d;
  display: inline-block;
  vertical-align: middle;
  margin: -0.08rem 0.13333333rem 0 0;
}
.yjzjydc h2 .more {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #717171;
  font-size: 0.4rem;
}
.yjzjydc ul {
  margin: 0.52rem auto 0;
  width: 9.38666667rem;
}
.yjzjydc ul li {
  margin-bottom: 0.8rem;
  width: 100%;
}
.yjzjydc ul li a {
  display: block;
  width: 100%;
  line-height: 1.4;
  font-size: 0.42666667rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #3a3a3a;
}
.yjzjydc ul li .time {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: start;
  height: 0.50666667rem;
}
.yjzjydc ul li .time .schedule {
  padding: 0 0.13333333rem;
  height: 100%;
  background-color: #fcf6f6;
  border-radius: 0.13333333rem;
  line-height: 0.50666667rem;
  margin-right: 0.13333333rem;
  color: #dc7a72;
  font-size: 0.34666667rem;
}
.yjzjydc ul li .time span {
  color: #a3a3a3;
  display: block;
  font-size: 0.34666667rem;
}
.ztList {
  margin: 0.66666667rem auto 0;
  width: 9.36rem;
}
.ztList ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ztList ul li {
  width: 4.53333333rem;
  height: 3.6rem;
  margin-bottom: 0.32rem;
}
.ztList ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.ztList ul li a img {
  width: 100%;
  height: 100%;
}