.news a{color:inherit;}
.news_title{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}
.news_intro{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}
.news_imgs{
  position: relative;
  overflow: hidden;
}
.news_imgs img{
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}
.news_imgs a img:hover{
  transform: scale(1.05);
}
.news_imgs a img:hover{
  transform: scale(1.05);
}
.post9 .tt{margin-bottom:0.4rem;}
.post9 .tt .tit .title{
  font-size: 0.48rem;
  font-weight: bold;
  color: #92070B;
  text-align: center;
}

.mainbox01{padding:0.4rem 0 1rem;}
.mainbox03{padding:1rem 0;}

.mainbox01 .con{background: url(../images/z_mainbg03.png) no-repeat center / 100% 100%;padding:0.9rem;}
.mainbox01 .news_text{
  font-size:0.22rem;
  color:#fff;
  line-height:2;
  text-align:center;
}

.mainbox02 .news_list{
  display:flex;
  justify-content:space-between;
}
.mainbox02 .news{
  width:48.5%;
  box-sizing:border-box;
  padding:0.2rem;
  background-color:#fff;
  display:flex;
}
.mainbox02 .imgs_box{
  width:36.2%;
}
.mainbox02 .imgs_box{
  width:30%;
}
.mainbox02 .news_con{
  width:63.8%;
  box-sizing:border-box;
  padding-left:0.3rem;
}
.mainbox02 .news_imgs{padding-top:138%;}
.mainbox02 .short_title{
  width:100%;
  line-height:0.5rem;
  text-align:center;
  background-color:#92070B;
  color:#fff;
  font-size:0.24rem;
  font-weight:bold;
}
.mainbox02 .news_title{
  font-size:0.32rem;
  font-weight:bold;
  color:#232323;
  line-height:1.5;
  margin-bottom:0.3rem;
}
.mainbox02 .news_title{
  margin-bottom:0.1rem;
}
.mainbox02 .news_ff{
  font-size:0.2rem;
  color:#3D2F28;
  line-height:1.5;
}
.mainbox02 .news_ff.f3{margin-bottom:0.4rem;}

.mainbox02 .news_ff.f3 {
    margin-bottom: 0.15rem;
}

.mainbox03 .con .box{
  position:relative;
  width:12rem;
  padding-top: 25.53%;
  margin:0 auto;
  background:url(../images/z_mainbg04.png) no-repeat center / 100% 100%;
}
.mainbox03 .con .box a{
  display:block;
  position:absolute;
}
.mainbox03 .con .box a.btn1{
  width:23.8%;
  padding-top:23.2%;
  left:0;
  top:17.5%;
}
.mainbox03 .con .box a.btn2{
  width:23.8%;
  padding-top:5.8%;
  left:0;
  top:44.5%;
}
.mainbox03 .con .box a.btn3{
  width:23.8%;
  padding-top:5.8%;
  left:0;
  top:71.8%;
}
.mainbox03 .con .box a.btn4{
  width:23.8%;
  padding-top:23.2%;
  right:0;
  top:17.5%;
}

.mainbox04 .news_list{
  display:flex;
  justify-content:space-between;
}
.mainbox04 .news{
  width:48.5%;
  position:relative;
}
.mainbox04 .news_imgs{padding-top:57.35%;}
.mainbox04 .news_title{
  display:flex;
  align-items:center;
  position:absolute;
  z-index:11;
  left:0;
  bottom:0;
  width:100%;
  height:0.9rem;
  box-sizing:border-box;
  padding:0 0.8rem 0 0.5rem;
  font-size:0.32rem;
  font-weight:bold;
  color:#fff;
  background:linear-gradient(#00000001,#000000cc);
}
.mainbox04 .news::after{
  content:'';
  position:absolute;
  z-index:15;
  right:0.5rem;
  bottom:0.36rem;
  display:block;
  width:0.18rem;
  height:0.18rem;
  background:url(img/arrow.svg) no-repeat center / 100% 100%;
}
@media screen and (max-width:999px){
  .mainbox03 .con .box{width:100%;padding-top:31.92%;}
}
@media screen and (max-width:767px){
.mainbox02 .news{display:block}
.mainbox02 .imgs_box{width:auto}
.mainbox02 .news_con{width:auto;padding:15px 20px}

  .mainbox02 .news_ff.f3{margin-bottom:20px;}
}
@media screen and (max-width:479px){
  .post9 .tt .tit .title{font-size:22px;}
  .post9 .tt{margin-bottom:20px;}
  .mainbox01 .con{padding:20px;}
  .mainbox02 .news_list,
  .mainbox04 .news_list{flex-direction:column;}
  .mainbox02 .news,
  .mainbox04 .news{width:100%;margin:10px 0;}
}