* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.ht_top {
  width: 100%;
  background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
  overflow: hidden;
}

.ht_top .zt_top {
  width: 1200px;
  height: 40px;
  margin: 0 auto;
}

.ht_top h1 a {
  float: left;
  width: 131px;
  height: 40px;
  overflow: hidden;
  text-indent: -100em;
  background: url(../images/logo.gif) no-repeat;
  font-size: 12px;
}

.ht_top .topnav {
  float: right;
  color: #333;
  font-size: 12px;
  line-height: 40px;
}

.ht_top .topnav a {
  padding: 0 8px;
  color: #333;
}

.ht_top .topnav a:hover {
  color: #e4393c;
  text-decoration: underline;
}

.footer {
  min-width: 100%;
  clear: both;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  background-color: #0a0909;
}

.footer p {
  line-height: 36px;
  color: #fff;
  font-size: 16px;
  position: relative;
  z-index: 2;
}

.footer p a {
  color: #fff;
  font-size: 16px;
}

.footer p span {
  padding: 0 5px;
}

.mob_header,
.m-footer {
  display: none;
}

/* 閫氱敤澶撮儴 */
.ht_top {
  width: 100%;
  background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
  line-height: 41px;
  overflow: hidden;
}

.Width {
  width: 80%;
  background: red;
  margin: 0 auto;
}

.ht_top .zt_top {
  width: 1070px;
  height: 41px;
  margin: 0 auto;
}

.ht_top h1 {
  float: left;
}

.ht_top h1 a {
  float: left;
  width: 131px;
  height: 40px;
  overflow: hidden;
  text-indent: -100em;
  background: url(http://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
  font-size: 12px;

}

.ht_top .topnav {
  float: right;
  color: #0d0d0d;
  font-size: 12px;
}

.ht_top .topnav a {
  padding: 0 8px;
}

.ht_top .topnav a:hover {
  color: #e4393c;
  text-decoration: underline;
}

/* end */

* {
  box-sizing: border-box;
}

/* 閫氱敤搴曢儴 */

.footer {
  clear: both;
  position: relative;
  /* padding: 30px 0 0 0; */
  text-align: center;
  /* padding-bottom: 40px; */
  padding-bottom: 10%;
  /* background: #fbe86b; */
  /* padding-bottom: 15%; */
}

.footer p {
  position: relative;
  z-index: 2;
  font-size: 16px;
  line-height: 30px;
}

.footer p span {
  padding: 0 5px;
}

.footer p a {
  color: #fff;
  text-decoration: none;
}

.banner {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background: url(../img/banner-img.png)no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 3;
}

.banner-img {
  width: 1029px;
  height: 737px;
  margin: 151px auto 418px auto;
}

.left-dl {
  width: 168px;
  position: absolute;
  top: 11.5%;
  left: 350px;
}

.right-dl {
  width: 204px;
  position: absolute;
  top: 11%;
  right: 294px;
}

.left-niao {
  width: 155px;
  position: absolute;
  top: 21%;
  left: 26%;
}

.right-niao {
  width: 207px;
  position: absolute;
  top: 17%;
  right: 3%;
}

.fuyun {
  width: 100%;
  position: absolute;
  bottom: -17%;
  z-index: 2;
}

.yu {
  width: 808px;
  position: absolute;
  left: 28%;
  top: 55%;
  z-index: 1;
}

.mode {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: url(../img/bgbg.png)no-repeat;
  background-size: 100% 100%;
  /* position: relative; */
}

.yun {
  position: fixed;
  width: 100%;
  top: 0;
}

.inner {
  width: 62.5%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  z-index: 6;
}

.box1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.title1 {
  width: 792px;
  margin: -5% auto 0 auto;
  z-index: 4;
}

.box-top {
  width: 100%;
  margin: -6% auto 0 auto;
}

.box-bottom {
  width: 99.8%;
  margin-left: 0.19%;
}

.box-inner {
  background: url(../img/box-mid.png)no-repeat;
  background-size: 100% 100%;
}

.need-box {
  width: 100%;
  display: flex;
  padding: 0 12%;
  justify-content: space-between;

}

.need-left {
  width: 48%;
  display: flex;
  flex-direction: column;
}

.nxyd {
  width: 245px;
  margin-bottom: 55px;
}

.need-p {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 57px;
}

.need-p:last-child {
  margin-bottom: 13px;
}

.need-span {
  font-size: 20px;
  color: #333333;
  font-family: "FZLTHJW";
}

.icon1 {
  width: 28px;
  margin-top: -4%;
}

.line1 {
  width: 40%
}

.need-right {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.wzbd {
  width: 300px;
  margin-bottom: 55px;
}

.zb-p {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 57px;
}

.zb-p:last-child {
  margin-bottom: 13px;
}

.yuan {
  width: 18px;
  margin-right: 18px;
  margin-top: -4%;
}

.zb-p span {
  font-size: 22px;
  color: #cf4a24;
  font-family: "FZLTZHJW";
  font-weight: bold;
}

.box2 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.gmbg {
  background: url(../img/gmbg.png)no-repeat;
  background-size: 100% 100%;
  width: 692px;
  height: 114px;
  margin: 0 auto 10% auto;
}

.cq-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 8%;
}

.type-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.t1 {
  width: 49%;
  display: flex;
  flex-direction: column;
}

.ting {
  width: 267px;
  margin: 0 auto 10px auto;
}

.t1-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: url(../img/kan-bg.png)no-repeat;
  background-size: 100% 100%;
  padding: 39px;
}

.t1-title {
  text-align: center;
  font-size: 20px;
  font-family: FZYanSongS-B-GB;
  font-weight: 400;
  color: #3A0000;
  line-height: 40px;

  background: linear-gradient(0deg, #FFFCE7 0.146484375%, #FDD990 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.t1-nr {
  width: 100%;
  background: #FFF9E5;
  opacity: 0.95;
  border-radius: 15px;
  padding: 19px 30px 14px 30px;
}

.t1-nr p {
  width: 100%;
  display: flex;
  align-items: center;
}

.t1-nr p span {
  font-size: 18px;
  font-family: FZLanTingHeiS-R-GB;
  font-weight: 400;
  text-decoration: underline;
  color: #3A0000;
  line-height: 38px;
}

.t1-nr p img {
  width: 12px;
  margin-right: 19px;
}

.sz-box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 30px;
}

.sz1 {
  width: 30%;
  display: flex;
  flex-direction: column;
  background: url(../img/sz-bg.png)no-repeat;
  background-size: 100% 100%;
  padding: 36px 0 18px 0;
  text-align: center;
}

.sz-span1 {
  font-size: 20px;
  font-family: FZYanSongS-B-GB;
  font-weight: 400;
  color: #3A0000;
  line-height: 20px;

  background: linear-gradient(-17deg, #FFFCE7 0.146484375%, #FDD990 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sz-span2 {
  width: 72px;
  height: 26px;
  background: linear-gradient(61deg, #CA2321, #8C1618);
  border: 1px solid #FFE178;
  border-radius: 13px;
  margin: 21px auto 0 auto;

}

.sz-span2 span {
  font-size: 20px;
  font-family: FZYanSongS-B-GB;
  font-weight: 400;
  color: #3A0000;
  line-height: 20px;
  /* text-shadow: 2px 1px 8px #961616; */

  background: linear-gradient(0deg, #FFFCE7 0.146484375%, #FDD990 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.sz-bottom-title {
  font-size: 20px;
  font-family: FZYanSongS-B-GB;
  font-weight: 400;
  color: #3A0000;
  line-height: 40px;

  background: linear-gradient(0deg, #FFFCE7 0.146484375%, #FDD990 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin-top: 34px;
}

.line {
  width: 100%;
  border-top: 1px dashed #af2822;
  margin: 34px 0;
}

.kq-title {
  width: 565px;
  margin: 0 auto;
}

.bg-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 33px;
}

.bg-top {
  width: 100%;
  display: flex;
  background: pink;
  font-size: 20px;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #FFF8DD;
}

.bgt1 {
  width: 8%;
  background: #AF2822;
  text-align: center;
  padding: 28px 0;
}
.bgt1:hover{
  background: #1C5849;
}
.bgt2:hover{
  background: #1C5849;
}
.bgt3:hover{
  background: #1C5849;
}
.bgt4:hover{
  background: #1C5849;
}
.bgt5:hover{
  background: #1C5849;
}
.bgt6:hover{
  background: #1C5849;
}
.bgt7:hover{
  background: #1C5849;
}
.bgt2,
.bgt3,
.bgt4,
.bgt5,
.bgt6 {
  width: 13%;
  text-align: center;
  background: #AF2822;
  padding: 28px 0;
}

.bgt7 {
  width: 27%;
  text-align: center;
  /* background: #1C5849; */
  background: #AF2822;
  padding: 28px 0;
}

.bg-nr {
  width: 100%;
  display: flex;
  font-size: 16px;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #3A0000;
  border-bottom: 1px solid #AF2822;
}

.bgt11 {
  width: 8%;
  text-align: center;
  border-right: 1px solid #AF2822;
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;

}

.bgt22,
.bgt33,
.bgt44,
.bgt55,
.bgt66 {
  width: 13%;
  text-align: center;
  border-right: 1px solid #AF2822;
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bgt77 {
  width: 27%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bgt-span {
  width: 50%;
  text-align: center;
  padding: 50px 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bgt-span {
  border-right: 1px solid #AF2822;
}

.bgt-span:last-child {
  border-right: none;
}

.box3 {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10%;
}

.lunbo-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 8%;
}


.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex !important;
  justify-content: space-around;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}

.pic-box {
  width: 40%;
  background: url(../img/swiper-bg.png)no-repeat;
  background-size: 100% 100%;
  width: 289px;
  height: 356px;
  padding: 3%;
  margin-left: 5%;
}

.inter-box {
  width: 54%;
  display: flex;
  flex-direction: column;
  margin-right: 5%;
}

.name {
  background: url(../img/name-bg.png)no-repeat;
  background-size: 100% 100%;
  width: 237px;
  height: 61px;

}

.name span {
  font-size: 24px;
  font-family: FZYanSongS-B-GB;
  font-weight: 400;
  color: #3A0000;
  line-height: 40px;

  background: linear-gradient(0deg, #FFFCE7 0.146484375%, #FDD990 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 61px;
}

.p1 {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.p1 img {
  width: 19px;
  margin-right: 2%;
}

.p1 span {
  font-size: 20px;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #3A0000;
  line-height: 40px;

  background: linear-gradient(61deg, #C70303 0%, #FA1717 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p2 {
  display: flex;
}

.p2 img {
  width: 19px;
  margin-top: 1%;
  margin-right: 2%;
}

.p2 span {
  font-size: 18px;
  font-family: FZLanTingHeiS-R-GB;
  font-weight: 400;
  color: #3A0000;
  line-height: 30px;
}

.box4 {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10%;
}

.jl-box {
  width: 100%;
  padding: 0 8%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.jl1 {
  width: 31%;
  display: flex;
  flex-direction: column;
}

.jl-tit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  background: url(../img/jl-title-bg.png)no-repeat;
  background-size: 100% 100%;
  padding: 4% 0;
  margin-bottom: 26px;

}

.jl-tit i {
  font-size: 18px;
  font-family: FZYanSongS-B-GB;
  font-weight: 400;
  color: #3A0000;
  line-height: 32px;
  /* text-shadow: 2px 1px 8px #961616; */

  background: linear-gradient(0deg, #FFFCE7 0.146484375%, #FDD990 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-left: 15%;
}

.jl-tit span {
  background: url(../img/xue-bg.png)no-repeat;
  background-size: 100% 100%;
  width: 79px;
  height: 78px;
  position: absolute;
  left: -7%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

}

.jl-tit span span {
  font-size: 26px;
  font-family: FZYanSongS-B-GB;
  font-weight: 400;
  color: #3A0000;
  padding-left: 15%;

  /* text-shadow: 2px 1px 8px #124A3A; */

  background: linear-gradient(0deg, #FFFCE7 0.146484375%, #FDD990 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.jl1-nr {
  width: 100%;
  display: flex;

}

.jl1-nr img {
  width: 19px !important;
  margin-right: 5%;
  height: 19px !important;
  margin-top: 1%;
}

.jl1-nr span {
  font-size: 18px;
  font-family: FZLanTingHeiS-R-GB;
  font-weight: 400;
  color: #3A0000;
  line-height: 29px;
}

.box5 {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10%;
}

.xiang-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 8%;
}

.xiang1 {
  width: 31%;
  display: flex;
  flex-direction: column;
}

.xiang1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.box6 {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10%;
}

.change-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 8%;
}

.box03 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.region {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.region a {
  width: 16.66666666%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5%;
  cursor: pointer;
}

.region a span {
  width: 90%;
  background: url(../img/city.bg.png)no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 6% 0 5% 0;

}

.region a span i {
  font-size: 17px;
  font-family: FZLanTingHeiS-R-GB;
  font-weight: 400;
  color: #4F3800;
  line-height: 34px;

  background: linear-gradient(61deg, #FFFCE7 0.146484375%, #FDD990 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.region a span:hover {
  background: url(../img/city.hover.png)no-repeat;
  background-size: 100% 100%;
}

.box04_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.zx-left {
  width: 80%;
}

.zx-left h2 {
  font-size: 40px;
  font-family: FZLanTingHeiS-EB-GB;
  font-weight: 400;
  color: #9C460A;

  background: linear-gradient(0deg, #F43D3A 0%, #900B0D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.zx-left p {
  font-size: 18px;
  font-family: FZLanTingHeiS-R-GB;
  font-weight: 400;
  color: #9C460A;
  line-height: 40px;

  background: linear-gradient(0deg, #F43D3A 0%, #900B0D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.zx-right {
  width: 20%;
}

.zx-right img {
  width: 100%;
  padding: 2%;
  border: 3px solid #AA8225;
  border-radius: 10px;
}

.mode {
  padding-bottom: 10%;
}

.xidi {
  position: fixed;
  width: 100%;
  bottom: 0%;
  /* left: -0.8%; */
  z-index: 6;
  display: none;
}

.xidi img {
  width: 100%;
}

.right-xf {
  position: fixed;
  right: 0%;
  top: 30%;
  z-index: 2;

}

.right-xf img {
  cursor: pointer;
}

.tc-city {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.city-inner {
  width: 62.5%;
  display: flex;
  flex-direction: column;
}

.city-a {
  width: 100%;
  display: flex;
  padding: 0 8%;
  flex-wrap: wrap;
  position: relative;
}

.close {
  width: 50px;
  height: 50px;
  border: 3px solid #fff;
  color: #fff;
  font-size: 45px;
  position: absolute;
  border-radius: 50px;
  right: 0%;
  top: -45%;
  line-height: 40px;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
}

.city-a a {
  width: 16.6666666%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5%;
}

.city-a a span {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  background: url(../img/city.bg.png)no-repeat;
  background-size: 100% 100%;
  padding: 6% 0 5% 0;
}

.city-a a span i {
  font-size: 17px;
  font-family: FZLanTingHeiS-R-GB;
  font-weight: 400;
  color: #4F3800;
  line-height: 34px;

  background: linear-gradient(61deg, #FFFCE7 0.146484375%, #FDD990 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.city-a a span:hover {
  background: url(../img/city.hover.png)no-repeat;
  background-size: 100% 100%;
}

.shake {
  animation: shake 10s infinite alternate;
  width: 110%;
}

@keyframes shake {
  0% {
    transform: translateX(-5px);
  }

  100% {
    transform: translateX(5px);
  }
}

@media screen and (max-width: 1600px) {
  .inner {
    width: 75%;
  }
}

@media screen and (max-width: 1400px) {
  .inner {
    width: 85%;
  }

  .xidi {
    left: 0;
  }
}

@media screen and (max-width: 1200px) {
  .inner {
    width: 90%;
  }

  .right-xf {
    z-index: 7;
  }
}


@media screen and (max-width: 1080px) {
  .right-xf{
    display: none;
  }
  .inner {
    width: 98%;
  }
  .ht_top h1 a{
    width: 1.34rem;
    height: 0.4rem;
    background-size: 100% 100%;
    margin-top: 11%;
  }
  .banner-img{
    width: 7rem;
    height: 5.5rem;
    margin: 1.51rem auto 4.18rem auto;
  }
  .left-dl{
    width: 1.2rem;
    left: 2%
  }
  .right-dl{
    width: 1.5rem;
    right: 2%;
  }
  .left-niao{
    width: 1rem;
    left: 5%;
    top: 0;
  }
  .right-niao{
    width: 1rem;
    right: 5%;
    top: 0;
  }
  .yu{
    width: 5.5rem;
    left: 1rem;
  }
  .fuyun{
    bottom: 0%;
  }
  .title1{
    width: 80%;
  }
  .need-box{
    padding: 0 8%;
    flex-wrap: wrap;
  }
  .need-left{
    width: 100%;
  }
  .nxyd{
    margin: 0 auto 0.3rem auto;
    width: 2.45rem;
  }
  .line1{
    width: 30%;
  }
  .need-p{
    margin-bottom: 0.3rem;
    justify-content: space-around;
  }
  .need-span{
    font-size: 0.3rem;
    font-weight: bold;
  }
  .icon1{
    width: 0.3rem;
  }
  .wzbd{
    margin: 0 auto 0.3rem auto;
    width: 3rem;
  }
  .need-right{
    width: 100%;
  }
  .yuan{
    width: 0.18rem;
  }
  .zb-p span{
    font-size: 0.3rem ;
    font-weight: bold;
  }
  .zb-p{
    margin-bottom: 0.3rem;
  }
  .gmbg{
    width: 6.92rem;
    height: 1.14rem;
  }
  .t1{
    width: 100%;
  }
  .ting{
    width: 2.67rem;
  }
  .t1-inner{
    padding: 0.39rem;
  }
  .t1-title{
    font-size: 0.3rem;
  }
  .t1-nr{
    padding: 0.19rem 0.3rem 0.14rem 0.3rem;
  }
  .t1-nr p img{
    width: 0.12rem;
  }
  .t1-nr p span{
    line-height: 0.38rem;
    font-size: 0.22rem;
    font-weight: bold;
  }
  .sz1{
    padding: 0.36rem 0 0.18rem 0;
  }
  .sz-span1{
    font-size: 0.22rem;
    font-weight: bold;
  }
  .sz-span2{
    width: 1rem;
    height: 0.35rem;
    margin-top: 0.21rem;
  }
  .sz-span2 span{
    font-weight: bold;
    font-size: 0.22rem;
    line-height: 0.35rem;
  }
  .sz-bottom-title{
    margin-top: 0.34rem;
    font-size: 0.3rem;
  }
  .kq-title{
    width: 5.65rem;
  }
  .bgt1{
    padding: 0.28rem 0;
  }
  .bgt2, .bgt3, .bgt4, .bgt5, .bgt6{
    padding: 0.28rem 0;
  }
  .bgt7{
    padding: 0.28rem 0;
  }
  .bg-top{
    font-size: 0.2rem;
    font-weight: bold;
  }
  .bgt11{
    padding: 0.5rem 0;
  }
  .bgt22, .bgt33, .bgt44, .bgt55, .bgt66{
    padding: 0.5rem 0;
  }
  .bgt-span{
    padding: 0.5rem 0;
  }
  .bg-nr{
    font-size: 0.18rem;
    font-weight: bold;
  }
  .swiper-slide{
    flex-wrap: wrap;
  }
  .pic-box{
    width: 7rem;
    height: 6rem;
    margin: 0 auto;

  }
  .swiper-slide img{
    border-radius: 0.6rem;
  }
  .swiper-button-next,.swiper-button-prev{
    display: none!important;
  }
  .inter-box{
    width: 100%;
    margin: 0 auto;
  }
  .name{
    height: 0.8rem;
    margin: 2% auto 0 auto;
    width: 3rem;
  }
  .name span{
    font-size: 0.3rem;
    line-height: 0.8rem;
    font-weight: bold;
  }
  .p1 span{
    font-size: 0.3rem;
    font-weight: bold;
  }
  .p2 span{
    font-size: 0.22rem;
    font-weight: bold;
    line-height: 0.35rem;
  }
  .p2 img{
    margin-top:0;
  }
  .jl1{
    width: 100%;
  }
  .jl-tit{
    margin-bottom: 0.26rem;
    padding: 1% 0;
  }
  .jl-tit i{
    font-size: 0.25rem;
    font-weight: bold;
    padding-left: 10%;
    width: 100%;
   
  }
  .jl-tit span{
    width: 1rem;
    height: 1rem;
    left: 0;
  }
  .jl-tit span span{
    font-size: 0.26rem;
    font-weight: bold;
    padding-left: 0;
  }
  .jl1-nr img{
    width: 0.19rem!important;
    height: 0.19rem!important;
    margin-top: 3%;
  }
  .jl1-nr span{
    font-size: 0.22rem;
    font-weight: bold;
  }
  .xiang1{
    width: 100%;
    margin-bottom: 2%;
  }
  .xiang1:last-child{
    margin-bottom: 0;
  }
  .region a{
    width: 20%;
  }
  .region a span{
    padding: 1% 0 2% 0;
    height: 0.5rem;

  }
  .region a span i{
    font-size: 0.17rem;
    font-weight: bold;
    line-height: 0.5rem!important;
    
  }
  .line{
    margin: 0.34rem 0;
  }
  .zx-left h2{
    font-size: 0.4rem;
    font-weight: bold;
  }
  .zx-left p{
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.4rem;
  }
  .box04_bottom{
    align-items: center;
  }
  .footer p,.footer p a{
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .xidi{
    width: 200%;
    left: -42%;
  }

  .city-inner{
    width: 99%;
  }
  .city-a a{
    width: 20%;
  }
  .city-a a span{
    height: 0.5rem;
  }
  .city-a a span i{
    font-size: 0.17rem;
    line-height: 0.4rem;
  }
  .close{
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0.45rem;
    line-height: 0.4rem;
    border-width: 0.03rem;
    top: -40%;
  }
}
.swing {
  animation: swing 4s infinite ease-in-out alternate; /* 应用摇摆动画效果 */
}

@keyframes swing {
  0% { transform: rotate(0deg); } /* 初始状态 */
  100% { transform: rotate(-7deg) scaleY(0.9); } /* 结束状态 */
}


.breath {
  animation: breathAnimation 2s infinite ease-in-out; /* 设置动画属性 */
}

@keyframes breathAnimation {
  0% { transform: scale(1); opacity: 1; } /* 初始状态 */
  50% { transform: scale(1.2); opacity: 1; } /* 中间过渡状态 */
  100% { transform: scale(1); opacity: 1; } /* 结束状态 */
}