.home1 {

}

.title {
  justify-content: space-between;
  position: relative;
  margin-bottom: .2rem;
  align-items: center;
  z-index: 9;
}

.title h3 {
  display: flex;
  align-items: center;
  font-size: 0.36rem;
  color: #000;
  line-height: 1.5;
  cursor: pointer;
  font-family: sy;
}

.title h3 img {
  margin-right: .05rem;
}
.wl::after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 100%;
}
.title .more a {
  display: block;
  width: 100px;
  text-align: center;
  padding-left: .38rem;
  height: .82rem;
  line-height: .82rem;
  font-size: 0.14rem;
  color: #969593;
  background: url(../images/more.png) no-repeat left center;
}

.title .more a:hover {
  color: #ab3630;
}
.title .more a:hover {
  color: #ab3630;
}

.home1-t {
  /* justify-content: space-between; */
}

 .left {

width: 100%;
}

 .h1l {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

 .h1l .h1l_l {
  width: 6.08rem;
}

 .h1l .h1l_r {
  flex: 1;
  min-width: 0;
  margin-left: .35rem;
}

 .right {
  width: 25.526%;
}


 .mid a {
  display: block;
  width: 100%;
  position: relative;
  display: block;
  padding: .1rem;
}

 .mid a .scale {
  position: relative;
  z-index: 6;
}
 .right li:hover a:after,
 .h1l_r ul li:hover a:after {
    width: 100%;
  }

 .right li:hover a .txt p,
  .h1l_r ul li:hover a p {
    color: #ab3630;
  }
 .h1l_r ul li:hover a p i {
    background: url(../images/h1l_more1.png) no-repeat center center/.22rem auto;
  }
 .mid a .scale .date {
  position: absolute;
  left: 0;
  top: 0;
  width: .79rem;
  height: .72rem;
  background: #ab3630;
  border-radius: 0 0 .5rem .5rem;
  text-align: center;
  color: #fff;
}

 .mid a .scale:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: .61rem;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 90%);
}

 .mid a .scale .date p {
  font-size: .3rem;
  color: #fff;
  font-weight: bold;
  padding-top: .1rem;
}

 .mid a .scale .date span {
  display: block;
  font-size: .14rem;
  line-height: .2rem;
}

 .mid a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #CFA972;
}

 .mid a::before {
  content: "";
  position: absolute;
  left: 0;
  height: 3.1rem;
  right: 0;
  bottom: 0;
  background: rgba(207, 169, 114, .1);
}

.mid a.scale .imged {
  padding-bottom: 3.82rem;
}

.mid a .con {
  position: relative;
  z-index: 6;
  padding: .1rem .1rem .1rem .1rem;
  /* width: 100%; */
}

 .mid a .con h3 {
  font-size: 0.2rem;
  color: #952b26;
  font-weight: bold;
  line-height: 0.24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin-bottom: .15rem;
  transition: 0.5s;
}

 .mid a .con p {
  font-size: .14rem;
  color: rgba(104, 104, 104, 0.6);
  line-height: .2rem;
  height: .4rem;
}

 .mid .arrow {
  position: absolute;
  left: 0;
  right: 0;
  top: 3.6rem;
  justify-content: center;
}

 .mid .cir {
  position: relative;

}

 .mid .cir span {
  width: 0.07rem;
  height: 0.07rem;
  background: rgba(121, 118, 118, .3);
  border-radius: 50%;
  position: relative;
  margin: 0 .06rem;
  opacity: 1;
}


 .mid .cir span.swiper-pagination-bullet-active {
  width: .26rem;
  border-radius: .2rem;
  background: #CFA972;
  margin: 0 .06rem;
}

 .h1l_r ul li:first-child a {
  border-top: 1px solid #E5EDE6;
}

 .h1l_r ul li a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: .24rem 0;
  border-bottom: 1px solid #E5EDE6;
}

.h1l_r ul li a span {
  width: .8rem;
  text-align: center;
  font-size: .18rem;
  color: #ab3630;
  border-right: 1px solid rgba(207, 169, 114, .5);
  margin-top: .06rem;
}
 .h1l_r ul li a p {
  flex: 1;
  min-width: 0;
  position: relative;
  font-size: .18rem;
  color: #222222;
  line-height: .26rem;
  height: .52rem;
  padding-right: .41rem;
  padding-left: .1rem;
}

 .h1l_r ul li a p i {
  position: absolute;
  right: 0;
  top: .05rem;
  width: .22rem;
  height: .22rem;
  background: url(../images/h1l_more.png) no-repeat center center/.22rem auto;
}

@media screen and (max-width: 768px) {


.home1 {
    padding: .2rem 0;
  }

  .h1l {
    display: block;

  }

   .h1l .h1l_l {
    width: 100%;
    margin-bottom: .2rem;
  }

   .h1l .h1l_r {
    margin-left: 0;
    flex: none;
  }

  .title h3 img {
    height: .35rem;
  }

  .title h3 {
    font-size: .3rem;
  }
.mid .arrow{    top: 3.2rem;}
}