body {
  font-family: "黑体", "SimHei", sans-serif;
}
.wrapper {
  overflow: hidden;
}
.pc {
  display: none!important;
}
.m {
  display: block;
}

/* 消防应急 */
.xfyj{
  width: 100%;
  overflow: hidden;
  height: 16.1333rem;
  background-size: cover;
  background-position: center;
  background-image: url('../images/xfyjYd.jpg');
}

.xfyjCon{
  width: 9.16rem;
  margin: 1.3333rem auto 0;
}


.xfyjTitle{
  width: 6.4rem;
  margin: 0 auto .4rem;
  display: flex;
  align-items: end;
}
.xfyjTitleBox {
  width: 5.6267rem;
  height:2.6rem;
  background: url(../images/xfyjTitle.png) no-repeat;
  background-size: 100% 100%;
}
.xfyjFlex{
  display: block;
  width: 100%;
}
.title-more {
  width: .8rem;
  height: .4rem;
  background-color: #82c8d3;
  line-height: 0.4rem;
  text-align: center;
  font-size: .2667rem;
  color: #01418b;
  margin-left: .1333rem;
}

.leftBox{
  width: 100%;
  height: 6.6rem;
  background-image: url('../images/xfyjConBj.png');
  background-size: 100% 100%;
  padding:.24rem;
  box-sizing: border-box;
}
.leftBox img{
  width: 100%;
  height: 4.9333rem;
}
.leftBox h2{
  color: #fff;
  font-weight: 600;
  font-size: .3467rem;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: .2667rem .3333rem;
  box-sizing: border-box;
}

.rightBox{
  width: 9.16rem;
  /* height: 3.0933rem; */
  background-color: #abe3ec;
  padding: .3333rem .24rem;
  box-sizing: border-box;
  display: flex;
  margin-top: 1rem;
  justify-content: space-between;
  /* align-items: center; */
}
.xfyjSwiperYd,
.xfyjSwiperYd1{
  overflow: hidden;
}
.xfyjSwiperYd{
  width: 6.9333rem;
}
.xfyjSwiperYd .swiper-slide{
  
}
.xfyj-img{
  width: 100%;
  height: 1.9333rem;
}
.xfyj-btn-prev-yd,
.xfyj-btn-next-yd{
  width: .6rem;
  height: 1.9333rem;
  background-image: url(../images/turnBtn.png);
  display: block;
  background-size: 100% 100%;
  cursor: pointer;
}
.xfyj-btn-prev-yd:hover{
  transform: rotate(180deg);
  background-image: url(../images/turnBtn1.png);
}
.xfyj-btn-next-yd:hover{
  transform: rotate(360deg);
  background-image: url(../images/turnBtn1.png);
}
.xfyj-btn-prev{
  /* margin:  0 auto .0781rem; */
}
.xfyj-btn-next-yd{
  /* margin: .0781rem auto 0; */
  transform: rotate(180deg);
}
.rightBox .swiper-wrapper {
  width: 100%;
  /* height: 2.43rem; */
}
.rightBox .swiper-slide-thumb-active{
  position: relative;
}
.rightBox .swiper-slide-thumb-active h2{
  font-weight: 600;
}
.rightBox .swiper-slide-thumb-active::before{
  content: "";
  width: 100%;
  height: 1.9333rem;
  background-color: rgba(0, 0, 0, .4);
  position: absolute;
  left: 0;
  top: 0;
}
.xfyj-title{
  font-size: .3rem;
  color: #555555;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-top: .026rem;
}


.qxkp{
  width: 100%;
  height: 11.0667rem;
  background-image: url('../images/footerYdBg.jpg');
  background-size: 100% 100%;
  overflow: hidden;
}
.qxkpHeader{
  width: 7.2rem;
  display: block;
  margin: .7125rem auto;
}

.qxkpTitle{
  width: 7.2rem;
  display: flex;
  align-items: end;
}
.qxkpTitleBox {
  width: 6.2667rem;
  height:1.8rem;
  background: url(../images/qxkpTitle.png) no-repeat;
  background-size: 100% 100%;
}

.qxkpBox{
  width: 8.7333rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.qxkpSwiperYd{
  width: 6.6667rem;
  /* height: 3.84rem; */
  overflow: hidden;
}
/* .qxkpSwiperYd .swiper-slide{
  width: 1.224rem!important;
  margin-right: .1042rem;
} */
.qxkp-img{
  width: 100%;
  height: 1.8667rem;
  display: block;
}
.qxkpMsg{
  background-color: #fff;
  padding: .2333rem;
  box-sizing: border-box;
  height: 2rem;
}
.qxkpT,.qxkpM{
  font-size: 0.32rem;
  color: #555555;
  line-height: .4rem;
  font-weight: 600;
}
.qxkpM{
  font-weight: 400;
}

.qxkp-btn-prev-yd,
.qxkp-btn-next-yd{
  width: .7333rem;
  cursor: pointer;
  height: 1.9333rem;
  background-size: 100% 100%;
  background-image: url(../images/turnBtn.png);
}

.qxkp-btn-next-yd{
  transform: rotate(180deg);
}
.qxkp-btn-prev-yd:hover{
  transform: rotate(180deg);
  background-image: url(../images/turnBtn1.png);
}
.qxkp-btn-next-yd:hover{
  transform: rotate(0deg);
  background-image: url(../images/turnBtn1.png);
}

.footer{
  margin: 1.9rem auto 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.footer p{
  text-align: center;
  color: #fff;
  font-size:.32rem;
  line-height: .5rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer p::before{
  content: '';
  width: .15rem;
  height: .15rem;
  margin-right: .1067rem;
  background-color: #faee00;
}
.footer p:nth-of-type(2)::before{
  background-color: #f97116;
}
.footer p:nth-of-type(3)::before{
  background-color: #01418b;
}
.nav {
  display: none;
}
/* header */
.header {
  height: 28.106667rem;
  background: url(../images/header-m-crkpjkyx.jpg) no-repeat;
  background-size: 100% 100%;
}
.logo {
  padding-top: 0.208333rem;
  width: 5.146667rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.logo1, .logo2 {
  width: 2.573333rem;
  height: 0.666667rem;
  display: block;
}
.logo1 {
  background: url(../images/logo1.png) no-repeat;
  background-size: 100% 100%;
}
.logo2 {
  background: url(../images/logo2.png) no-repeat;
  background-size: 100% 100%;
}
/* 背景介绍 */
.bjjs {
  width: 9.6rem;
  height: 6.24rem;
  background: url(../images/bjjs-bg-m.png) no-repeat;
  background-size: 100% 100%;
  margin: 7.413333rem auto 0;
}
.bjjs-con {
  width: 8.333333rem;
  font-size: 0.36rem;
  color: #01418b;
  line-height: 0.45rem;
  margin: 0 auto;
  text-indent: 2em;
  padding-top: 1.6rem;
}
/* 热点新闻 */
.hot-news {
  width: 9.2rem;
  height: 10.973333rem;
  background-color: #fff;
  margin: 0.4rem auto;
  overflow: hidden;
  position: relative;
}
.hot-news-list-m {
  display: flex;
  flex-direction: column;
  width: 8.533333rem;
  margin: 0.266667rem auto;
  overflow: hidden;
}
.hot-news-img {
  width: 100%;
  height: 7.666667rem;
}
.hot-news-img img {
  width: 100%;
  height: 7.666667rem;
}
.hot-news-title {
  height: 2.2rem;
  background-color: #01418b;
  color: #fff;
  padding: 0 0.533333rem;
}
.hot-news-title h2 {
  font-weight: bold;
  font-size: 0.4rem;
  line-height: 0.533333rem;
  padding-top: 0.266667rem;
  padding-bottom: 0.133333rem;
}
.hot-news-title p {
  font-size: 0.36rem;
  line-height: 0.453333rem;
}
.hot-news-swiper-pagination {
  bottom: 0.2rem!important;
  position: absolute;
  text-align: center;
}
/* 防暑降温 */
.title {
  width: 9.2rem;
  margin: 0 auto;
  display: flex;
  align-items: end;
  justify-content: center;
}
.title-fsjw {
  width: 6.186667rem;
  height: 1.56rem;
  background: url(../images/title-fsjw.png) no-repeat;
  background-size: 100% 100%;
}
.fsjw {
  height: 5.866667rem;
  background-color: #b0dee6;
}
.fsjw-con {
  background-color: #fff;
  width: 9.2rem;
  margin: 0 auto;
  height: 100%;
}
.fsjw-container {
  width: 8.666667rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.fsjw-img {
  margin-top: 0.2rem;
  display: block;
  height: 5rem;
}
.fsjw-img img {
  width: 100%;
  height: 5rem;
}
.fsjw-title {
  font-size: 0.4rem;
  text-align: center;
  width: 7.2rem;
  margin: 0 auto;
  overflow: hidden;
  height: 0.666667rem;
  line-height: 0.666667rem;
  overflow: hidden;
}
.fsjw-title a {
  color: #555;
}
.fsjw-btn-prev, .fsjw-btn-next {
  width: 0.186667rem;
  height: 0.306667rem;
  cursor: pointer;
  position: absolute;
  bottom: 0.133333rem;
  z-index: 999;
}
.fsjw-btn-prev {
  background: url(../images/fsjw-btn-prev.png) no-repeat;
  background-size: 100% 100%;
  left: 0;
}
.fsjw-btn-next {
  background: url(../images/fsjw-btn-next.png) no-repeat;
  background-size: 100% 100%;
  right: 0;
}
.fsjw-btn-prev:hover {
  background: url(../images/fsjw-btn-prev-on.png) no-repeat;
  background-size: 100% 100%;
}
.fsjw-btn-next:hover {
  background: url(../images/fsjw-btn-next-on.png) no-repeat;
  background-size: 100% 100%;
}
/* 疾病预防 */
.title02 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: end;
  padding: 0.746667rem 0 0.666667rem;
}
.title02 .title-more {
  margin-left: -1rem;
}
.jbyf {
  width: 9.2rem;
  overflow: hidden;
  margin: 0 auto;
  height: 16.76rem;
}
.title-jbyf {
  width: 6.946667rem;
  height: 1.853333rem;
  background: url(../images/title-jbyf.png) no-repeat;
  background-size: 100% 100%;
}
.jbyf-con {
  display: block;
  position: relative;
}
.jbyf-text {
  width: 8.826667rem;
  height: 5.133333rem;
  background: url(../images/jbyf-txt-m-bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 2;
  margin-top: -0.6rem;
}
.jbyf-text h2 {
  width: 7.4rem;
  margin: 0 auto;
  color: #fff;
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 0.6rem;
  padding-top: 0.266667rem;
  padding-left: 0.666667rem;
}
.jbyf-text p {
  padding-left: 0.666667rem;
  width: 7.4rem;
  margin: 0 auto;
  color: #fff;
  line-height: 0.533333rem;
  font-size: 0.373333rem;
}
.jbyf-text span {
  width: 2.226667rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  font-size: 0.4rem;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 0.56rem;
  display: block;
  margin: 0.266667rem auto 0;
}
.jbyf-img {
  width: 100%;
  height: 5.333333rem;
}
.jbyf-img img {
  width: 100%;
  height: 5.333333rem;
}
.jbyf-list {
  height: 3.333333rem;
  background-color: rgba(255, 255, 255, .6);
  margin-top: 0.266667rem;
  position: relative;
  display: flex;
  align-items: center;
}
.jbyf-item {
  width: 3.333333rem;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
.jbyf-item-img {
  height: 1.933333rem;
}
.jbyf-item-img img {
  width: 100%;
  height: 1.933333rem;
}
.jbyf-item-title {
  font-size: 0.36rem;
  color: #555;
  line-height: 0.5rem;
}
.jbyfSwiper2 {
  overflow: hidden;
}
.jbyfSwiperM {
  width: 6.933333rem;
  margin: 0 auto;
  overflow: hidden;
}
.jbyf-btn-prev-m, .jbyf-btn-next-m {
  width: 0.666667rem;
  height: 1.933333rem;
  position: absolute;
  top: 50%;
  margin-top: -0.96rem;
  cursor: pointer;
}
.jbyf-btn-prev-m {
  left: 0.2rem;
  background: url(../images/jbyf-btn-prev.jpg) no-repeat;
  background-size: 100% 100%;
}
.jbyf-btn-next-m {
  right: 0.2rem;
  background: url(../images/jbyf-btn-next.jpg) no-repeat;
  background-size: 100% 100%;
}
.jbyfSwiper .swiper-slide {
  opacity: 0.7;
}
.jbyfSwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.jbyfSwiperM2 {
  height: 10rem;
}
.bg02 {
  background: url(../images/bg02-m.jpg) no-repeat;
  background-size: 100% 16.76rem;

}


/* 水上安全 */
.ssaqYd{
  overflow: hidden;
  width: 100%;
  background-image: url('../images/ssaqYdBj.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.ssaqTitle{
  width: 7.2rem;
  display: flex;
  align-items: end;
  margin: 1.0667rem auto .42rem;
}
.ssaqTitleBox {
  width: 6.2667rem;
  height:1.8rem;
  background: url(../images/title-ssaq.png) no-repeat;
  background-size: 100% 100%;
}
.ssaqCon{
  width: 9.1733rem;
  /* height: 500px; */
  padding-bottom: .6667rem;
  margin: 0 auto;
}
.ssaqSwiperYd{
  width: 100%;
  overflow: hidden;
}
.ssaqSwiperYd .swiper-slide{
  height: 8.9333rem;
}
.ssaq-img{
  width: 100%;
  height: 6.2667rem;
}
.ssaq-title{
  font-size: .3467rem;
  color: #555555;
  line-height: .56rem;
  font-weight: 600;
}

.ssaqMsg{
  font-size: .32rem;
  line-height: .48rem;
  color: #555555;
}

.btnBox{
  width: 3.5333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.fgx{
  width: 1.7333rem;
  height:2px;
  background-color: #b6b6b6;
}

.ssaq-btn-next-yd,
.ssaq-btn-prev-yd{
  width: .7333rem;
  height: .7333rem;
  background-size: 100% 100%;
}

.ssaq-btn-prev-yd{
  background-image: url(../images/ssaq-btn-prev.png);
}
.ssaq-btn-prev-yd:hover{
  background-image: url(../images/ssaq-btn-prev-on.png);
}

.ssaq-btn-next-yd{
  background-image: url(../images/ssaq-btn-next.png);
}
.ssaq-btn-next-yd:hover{
  background-image: url(../images/ssaq-btn-next-on.png);
}

.ssaqList{
  width: 100%;
}

.ssaqItem{
  padding: .3333rem 0;
  border-bottom: 1px dashed #b6b6b6;
}
.ssaqListT{
  font-size: .3467rem;
  line-height: .6133rem;
  font-weight: 600;
  color: #555;
}
.ssaqListM{
  font-size: .32rem;
  line-height: .44rem;
  color: #555;
}
.ssaqList a:nth-last-of-type(1) .ssaqItem{
  border: none;
}


.fxkzYd{
  overflow: hidden;
  width: 100%;
  background-image: url('../images/ssaqYdBj.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
}

.fxkzTitle{
  width: 7.2rem;
  display: flex;
  align-items: end;
  margin: 1.0667rem auto .42rem;
}
.fxkzTitleBox {
  width: 6.2667rem;
  height:1.8rem;
  background: url(../images/title-fxkh.png) no-repeat;
  background-size: 100% 100%;
}
.fxkzCon{
  width: 9.1733rem;
  /* height: 500px; */
  padding-bottom: .6667rem;
  margin: 0 auto;
}
.fxkzSwiperYd{
  width: 100%;
  overflow: hidden;
}
.fxkzSwiperYd .swiper-slide{
  height: 8.9333rem;
}
.fxkz-img{
  width: 100%;
  height: 6.2667rem;
}
.fxkz-title{
  font-size: .3467rem;
  color: #555555;
  line-height: .56rem;
  font-weight: 600;
}

.fxkzMsg{
  font-size: .32rem;
  line-height: .48rem;
  color: #555555;
}

.btnBox{
  width: 3.5333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.fgx{
  width: 1.7333rem;
  height:2px;
  background-color: #b6b6b6;
}

.fxkz-btn-next-yd,
.fxkz-btn-prev-yd{
  width: .7333rem;
  height: .7333rem;
  background-size: 100% 100%;
}

.fxkz-btn-prev-yd{
  background-image: url(../images/ssaq-btn-prev.png);
}
.fxkz-btn-prev-yd:hover{
  background-image: url(../images/ssaq-btn-prev-on.png);
}

.fxkz-btn-next-yd{
  background-image: url(../images/ssaq-btn-next.png);
}
.fxkz-btn-next-yd:hover{
  background-image: url(../images/ssaq-btn-next-on.png);
}

.fxkzList{
  width: 100%;
  margin-top: .25rem;
}
.fxkzListT{
  font-size: .35rem;
  line-height: .72rem;
  color: #555;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  display: block;
  padding-left: .2rem;
}

.fxkzListT::before{
  content: '';
  width: .08rem;
  height: .1733rem;
  background-image: url(../images/fxkh-icon.jpg);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0.25rem;
}