*{padding:0;margin:0;box-sizing: border-box;list-style: none;text-decoration: none;}
.w1600 {max-width:1600px;margin:0 auto;}
  .banner {background: #bcd4ff url("/qmxf/xf20241126_01.png") no-repeat top center;background-size: 100% 100%;width: 100%;height: 32vw;margin: 0 auto;}
  .content {background: #bcd4ff url("/qmxf/xf20241126_28.png") no-repeat bottom center;padding-bottom:100px;margin: 0 auto;}
  .content .content_box {width: 80%;margin: 0 auto;;}
  .banner .logo_box {width: 70%;margin: 0 auto;padding-top: 30px;}
  .banner .logo_box .logo {float:left;}
  .banner .logo_box .wza {float:right;}
  .banner .logo_box .wza img {vertical-align: middle;}
  .banner .logo_box .wza a {font-size: 16px;color:#333;text-decoration: underline;background-color: rgba(240, 240, 240, 0.455);display: inline-block;padding:5px;}
  
   /* 消防安全知识科普海报开始 */
   .content_box .sponge{ padding-top: 50px;}
   .content_box .sponge .sponge_title{height:auto;width:100%;margin:0 auto;text-align: center;}
   .content_box .sponge .sponge_box { margin:0 auto; margin-top:50px;}
   .content_box .sponge .sponge_box .sponge_ul li {cursor: pointer;width:23%;box-shadow: 0 0 20px rgba(102, 145, 204, 0.5);border: 4px solid #ffffff;padding: 10px;border-radius: 15px;background-color: #fff;}
   .content_box .sponge .sponge_box .sponge_ul li a {display: block;overflow: hidden;}
   .content_box .sponge .sponge_box .sponge_ul li a i {display: inline-block;height: 220px;width:100%;}
   .content_box .sponge .sponge_box .sponge_ul li a img {transition: 0.5s;height: 100%;width:100%;object-fit: cover;}
   .content_box .sponge .sponge_box .sponge_ul li a:hover img{transform: scale(1.05);}
   .content_box .sponge .sponge_box .sponge_ul li a span {font-size: 17px;padding: 10px;text-align: center;background-color: #e5efff;margin-top: -6px;color: black;transition: 0.3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;height: 40px;line-height: 28px;}
   .content_box .sponge .sponge_box .sponge_ul li a span:hover { color:#304abc;}
   .content_box .sponge .sponge_box .sponge_ul { display: flex; justify-content: space-between; }
   .content_box .sponge .sponge_box .sponge_more {text-decoration: none;color: #6278e9;font-size: 17px;display: block;width: 122px;height: 39px;line-height: 39px;background: #e5efff;margin: 0 auto;border: 1px #e5efff solid;margin-top: 32px;border-radius: 5px;text-align: center;transition: 0.3s;}
   .content_box .sponge .sponge_box .sponge_more:hover {color:#304abc;font-weight: bold;}
   /* 消防安全知识科普海报结束 */
  
  /* 秒懂消防》视频 开始 */
  .content_box .model { display: flex; flex-direction: column; align-items: center; margin-top: 50px;}
  .content_box .model .model_title {text-align: center;}
  .content_box .model .model_box { width: 100%; border: 4px solid #ffffff; border-radius: 15px; padding: 20px; margin-top: 40px; box-shadow: 0 0 20px rgba(102, 145, 204, 0.5); background-color: #fff;}
  .content_box .model .model_box .model_ul { display: flex; justify-content: space-between;}
  .content_box .model .model_box .model_ul li {width:23%;height: fit-content;}
  .content_box .model .model_box .model_ul li video{height: 257px;}
  .content_box .model .model_box .model_ul li a {font-size: 17px;padding: 10px;text-align: center;background-color: #e5efff;margin-top: -6px;color: black;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;height: 43px;line-height: 28px;}
  .content_box .model .model_box .model_ul li a:hover { color:#304abc;}
  .content_box .model .model_box .model_more {text-decoration: none;color: #6278e9;font-size: 17px;display: block;width: 122px;height: 39px;line-height: 39px;background: #e5efff;margin: 0 auto;border: 1px #e5efff solid;margin-top: 20px;border-radius: 5px;text-align: center;transition: 0.3s;}
  .content_box .model .model_box .model_more:hover {color:#304abc;font-weight: bold;}
   /* 秒懂消防》视频 结束 */
  
    @media screen and (min-width:1180px) and (max-width:2200px){
    .banner .logo_box {width:90%;}
}
  
    @media screen and (max-width:1760px) {
    .banner .logo_box .logo img {width:17vw;}
    }

      @media screen and (max-width:1650px) {
         .w1600 {max-width:1400px;}
      }

    @media screen and (max-width:1480px) {
    .content .content_box { width: 90%;}
    .content_box .model .model_box {padding:10px 15px;}
    .content_box .sponge .sponge_box .sponge_ul li {  width:24%;}
    .w1600 {max-width:1200px;}
    }

    /* 屏幕宽度小于1180px */
    @media screen and (max-width:1180px) {
   .content .content_box {width:100%;}
   .banner .logo_box {width:90%;}
   .content_box .sponge {padding: 40px 20px 0 20px;}
   .content_box .sponge .sponge_title img { width:60%;}
   .content_box .sponge .sponge_box {margin-top: 0px;}
   .content_box .sponge .sponge_box .sponge_ul {flex-wrap: wrap;}
   .content_box .sponge .sponge_box .sponge_ul li {width: 48.5%;margin-top: 20px; }
   .content_box .sponge .sponge_box .sponge_ul li a img {width:100%;}
   .content_box .sponge .sponge_box .sponge_more {margin-top: 20px;}
   .content_box .model { padding:0 20px; margin-top: 40px;}
   .content_box .model .model_box { margin-top: 3vw;}
   .content_box .model .model_box .model_ul { flex-wrap: wrap;}
   .content_box .model .model_box .model_ul li {width: 48.5%;margin-top: 20px;height: fit-content;}
   .content_box .model .model_title img {width:60%;}
}
  
  /* 屏幕宽度小于760px */
    @media screen and (max-width:760px){
    .banner { height: 37vw;background-size: contain;}
    .banner .logo_box {width: 88%;margin: 0 auto;padding-top: 16px;}
    .banner .logo_box .logo {width: 40%;}
    .banner .logo_box .logo img {width: 24vw;}
    .banner .logo_box .wza a {color: #333;text-decoration: underline;font-size: 14px;padding:2px;}
    .content { background-size: contain;padding-bottom: 50px;}
    .content .content_box { width: 100%; }
    .content_box .sponge .sponge_title img{ width: 70%; margin: 0 auto;}
    .content_box .sponge .sponge_title{text-align: center;height: auto;}
    .content_box .sponge {padding:0;padding-top:30px;width: 92%;margin: 0 auto;}
    .content_box .sponge:nth-child(1) { padding-top: 12px;}
    .content_box .sponge .sponge_box { width: auto;}
    .content_box .sponge .sponge_box .sponge_ul { display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
    .content_box .sponge .sponge_box .sponge_ul li {width: 100%;}
    .content_box .sponge .sponge_box .sponge_ul li a span {font-size: 14px;}
    .content_box .sponge .sponge_box .sponge_more { margin-top: 20px; font-size: 14px;}
    .content_box .model { padding:0; width: 92%; margin: 0 auto; margin-top:30px; }
    .content_box .model .model_box {width: 100%;margin-top: 20px;}
    .content_box .model .model_title{text-align: center;}
    .content_box .model  .model_title img{ width:70%; margin: 0 auto;}
    .content_box .model .model_box .model_ul {flex-direction: column;align-items: center;}
    .content_box .model .model_box .model_ul li {width: auto;  }
    .content_box .model .model_box .model_ul li a {font-size: 14px; }
    .content_box .model .model_box .model_more { margin-top: 20px; font-size: 14px;}
    }
  
    @media screen and (max-width:500px){ 
    .banner .logo_box .wza img {width: 5vw;}
    .banner .logo_box { padding-top: 10px;}
    .banner .logo_box .wza a {font-size: 12px;}
    }