/* section1 */


.section1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.section2 {
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  background: url(../images/page2.jpg) no-repeat top center;
  background-size: cover;
}


.section3 {
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  background: url(../images/page3.jpg) no-repeat top center;
  background-size: cover;
}


.section4 {
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  background: url(../images/page4.jpg) no-repeat top center;
  background-size: cover;
}


.section5 {
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  background: url(../images/page5.jpg) no-repeat top center;
  background-size: cover;
}


.section6 {
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  background: url(../images/page6.jpg) no-repeat top center;
  background-size: cover;
}

.section7 {
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  background: url(../images/page7.jpg) no-repeat top center;
  background-size: cover;
}

.section8 {
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  background: url(../images/page8.jpg) no-repeat top center;
  background-size: cover;
}

.section9 {
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  background: url(../images/page9.jpg) no-repeat top center;
  background-size: cover;
}


.section10 {
  width: 100%;
  overflow: hidden;
  height: 2rem !important;
}




/* banner */

.banner {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.banner .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;

}

.banner .swiper-slide {
  width: 100% ;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.banner .swiper-slide {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.banner .swiper-slide img {
  width: 100% ;
  height: 100vh;
  display: block;
  transition:1s linear 2s;
  transform:scale(1.1,1.1);
}

.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{
  transition:6s linear;
  transform:scale(1,1);
  }	


.banner .swiper-banner-next{
  position: absolute;
  width: 0.64rem;
  height: 0.64rem;
  background-size: 100%;
  right: 2%;
  top: 50%;
  z-index: 5;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: none;
}

.banner .swiper-banner-prev{
  position: absolute;
  width: 0.64rem;
  height: 0.64rem;
  background-size: 100%;
  left: 2%;
  top: 50%;
  z-index: 5;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: none;
}



.banner .swiper-pagination {
  width: 100%;
  bottom: 0.5rem;
  left: 0px;
  text-align: center;
  position: absolute;
  z-index: 5;
}

.banner .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0  0.15rem  ;
  background-color: #fff;
  width: 0.1rem;
  height: 0.1rem;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display: inline-block;
}

.banner .swiper-pagination-bullets .swiper-pagination-bullet-active{
  background-color: #cc984f;
}

.section .searchcenter{
  position: absolute;
  width: 100%;
  margin: 0 auto;
  left: 0;
  bottom: 1.8rem;
  z-index: 9;

}

.section .searchcenter .search_ico{
  margin: 0 auto;
}

.section .searchcenter .search_ico img{
  display: block;
  width: 0.72rem;
  height: 0.69rem;
  margin: 0 auto;
  
}


.layer {
  background: rgba(0,0,0,0.8);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
}


.layer .close {
  font-size: 60px;
  position: absolute;
  right: 50px;
  top: 50px;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  cursor: pointer;
  color: #ccc;
}


.layer.showdiv .search_box {
  transform: none;
  transition: all 0.5s ease-out 0s;
  opacity: 1;
}


.layer .search_box {
  height: 45px;
  line-height: 45px;
  width: 550px;
  display: -ms-flexbox;
  display: flex;
  margin: 25% auto 0 auto;
}


.layer .search_box .kw {
  background: #fff;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.5) inset;
  -ms-flex: 1;
  flex: 1;
  padding: 0 12px;
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  width: 425px;
}

.layer .search_box .ok {
  background: #af1b1c;
  color: #fff;
  width: 120px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

.layer.showdiv {
  opacity: 1;
  visibility: visible;
}

.layer.showdiv .search_box {
  transform: none;
  transition: all 0.5s ease-out 0s;
  opacity: 1;
}


.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}


@media (max-width: 980px){

  .banner{
    top: 0rem;
    bottom: auto;

  }

  .banner .swiper-slide img{
    height: auto;
    min-height: 3rem;

  }

  .searchcenter{
    display: none;
  }

  .layer{
    display: none;
  }

  .section10 {
    height: auto !important;
  }

}






/* title */

.title{
  margin: 9vh auto 0 auto;
  overflow: hidden;

}


.title h3{
  float: left;

}

.title h3 span{
  display: block;
  font-size: 0.4rem;
  color: #333;
  font-family: "sys";
  font-weight: initial;
  line-height: 0.43rem;
  margin-top: 0.1rem;

}

.title h3 i{
  display: inline-block;
  font-size: 0.2rem;
  color: #999999;
  text-transform: capitalize;
  font-family: 'Times New Roman', Times, serif;

}

.title h3 i em{
  display: inline-block;
  background: url(../images/title.png) no-repeat  center;
  width: 0.81rem;
  height: 1px;
  position: relative;
  margin-left: 0.1rem;
  top: -0.03rem;
}

.title .more{
  display: block;
  float: right;
  width: 1.36rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border: 1px solid #e4e4e4;
  border-radius: 45px;
  background: #fff;
  text-align: center;
  font-size: 0.16rem;
  color: #333;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.title .more:hover{
  background: #af1b1c;
  color: #fff;
}


@media (max-width: 980px){
  .title{
    margin: 0.3rem auto 0 auto;
    overflow: hidden;
  
  }
  
  .title h3{

  
  }
  
  .title h3 span{
    display: block;
    font-size: 0.36rem;
    line-height: 0.43rem;
    margin-top: 0.1rem;
  
  }
  
  .title h3 i{
    display: inline-block;
    font-size: 0.24rem;
  
  }
  
  
  .title .more{
    width: 1.5rem;
    font-size: 0.18rem;
    margin: 0.1rem auto 0 auto;

  }

}


/* Dynamic */

.Dynamicbox{
  margin: 0.4rem auto 0 auto;
}

.Dynamicbox .Dynamicleft{
  float: left;
  width: 37%;
  height: 5.64rem;
  background: #fff;
  border-bottom: 6px solid #a81c1d;
}

.Dynamicbox .Dynamicleft .pic{
  width: 100%;
  height: 3.28rem;
  margin: 0 auto;
  overflow: hidden;
}

.Dynamicbox .Dynamicleft .pic img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;

}

.Dynamicbox .Dynamicleft .pic img:hover{
  transform: scale(1.1);
}

.Dynamicbox .Dynamicleft .txt{
  margin: 0.25rem auto 0 auto;
  width: 88%;

} 

.Dynamicbox .Dynamicleft .txt a{
  font-size: 0.2rem;
  color: #333;
  font-weight: bold;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Dynamicbox .Dynamicleft .txt em{
  display: block;
  font-size: 0.16rem;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
  background: url(../images/time.png) no-repeat left center;
  background-size: contain;
  line-height: 0.24rem;
  padding-left: 0.35rem;
  margin: 0.15rem 0;
}

.Dynamicbox .Dynamicleft .txt p{
  font-size: 0.15rem;
  color: #666;
  line-height: 0.3rem;
  height: 0.9rem;
  overflow: hidden;
}

.Dynamicbox .Dynamicleft:hover .txt a{
  color: #a81c1d;
}

.Dynamicbox .Dynamicright {
  float: left;
  width: 63%;

}

.Dynamicbox .Dynamicright ul li{
  float: left;
  width: 47%;
  height: 2.7rem;
  margin: 0 0 0.25rem 3%;
  background: #fff;
  border: 1px solid #e0e0e0;
  padding: 0 4%;
  position: relative;
  z-index: 5;
}

.Dynamicbox .Dynamicright ul li span{
  display: block;
  font-size: 0.16rem;
  color: #999999;
  margin: 0.25rem 0 0.1rem 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-family: "sys";
}

.Dynamicbox .Dynamicright ul li span i{
  font-size: 0.36rem;
  color: #a81c1d;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-family: "sys";
}

.Dynamicbox .Dynamicright ul li a{
  font-size: 0.18rem;
  color: #333;
  font-weight: bold;
  line-height: 0.32rem;
  height: 0.64rem;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Dynamicbox .Dynamicright ul li p{
  font-size: 0.15rem;
  color: #666;
  line-height: 0.28rem;
  height: 0.84rem;
  overflow: hidden;
  margin-top: 0.07rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.Dynamicbox .Dynamicright ul li::after{
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  content: "";
  z-index: -1;
  background: #af1b1c;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;


}

.Dynamicbox .Dynamicright ul li:hover::after{
  width: 100%;
}

.Dynamicbox .Dynamicright ul li:hover a{
  color: #fff;
}

.Dynamicbox .Dynamicright ul li:hover p{
  color: #fff;
}

.Dynamicbox .Dynamicright ul li:hover span{
  color: #fff;
}

.Dynamicbox .Dynamicright ul li:hover span i{
  color: #fff;
}


@media (max-width: 980px){
  .Dynamicbox{
    margin: 0.4rem auto 0 auto;
  }
  
  .Dynamicbox .Dynamicleft{
    float: none;
    width: 100%;
  }

  .Dynamicbox .Dynamicleft .txt a{
    font-size: 0.26rem;
  }
  
  .Dynamicbox .Dynamicleft .txt em{
    font-size: 0.24rem;

  }
  
  .Dynamicbox .Dynamicleft .txt p{
    font-size: 0.22rem;
  }
  
  
  .Dynamicbox .Dynamicright {
    float: none;
    width: 100%;
    margin: 0.2rem auto 0 auto;
  
  }
  
  .Dynamicbox .Dynamicright ul li{
    float: none;
    width: 100%;
    height: 2.8rem;
    margin: 0 0 0.2rem 0%;
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 0 4%;
    position: relative;
    z-index: 5;
  }
  
  .Dynamicbox .Dynamicright ul li span{
    display: block;
    font-size: 0.22rem;
    color: #999999;
  }
  
  .Dynamicbox .Dynamicright ul li span i{
    font-size: 0.36rem;
  }
  
  .Dynamicbox .Dynamicright ul li a{
    font-size: 0.26rem;
  }
  
  .Dynamicbox .Dynamicright ul li p{
    font-size: 0.22rem;
    line-height: 0.3rem;
    height: 0.9rem;
  }
  


}

/* æ ¡åº†å…¬å‘Š */

.announcementbox{
  margin: 0.95rem auto 0 auto;
}

.announcementbox ul li{
  float: left;
  position: relative;
  width: 30.5%;
  height: 2.1rem;
  background: #fff;
  border: 1px solid #e2e2e2;
  margin: 0 4% 1.1rem 0;
  padding: 0 2.5%;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: 5;
}


.announcementbox ul li:nth-child(3n){
  margin-right: 0;
}

.announcementbox ul li .time{
  text-align: center;
  margin: -0.33rem 0 0 0;
  width: 0.8rem;
  height: 0.8rem;
  background: #af1b1c;
  border-radius: 8px;
  padding-top: 0.08rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.announcementbox ul li .time span{
  display: block;
  font-size: 0.3rem;
  color: #fff;
  margin: 0rem 0 0rem 0;
  font-family: "sys";
}

.announcementbox ul li .time i{
  display: block;
  font-size: 0.14rem;
  color: #fff;
  font-family: "sys";
}

.announcementbox ul li h5 a{
  font-size: 0.18rem;
  color: #333;
  font-weight: bold;
  line-height: 0.3rem;
  height: 0.6rem;
  overflow: hidden;
  display: block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin: 0.25rem 0;
}

.announcementbox ul li .more{
  display: block;
  font-size: 0.16rem;
  color: #999;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
} 

.announcementbox ul li:hover .time{
  background: #cc984f;
}

.announcementbox ul li::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0%;
  content: "";
  z-index: -1;
  background: #af1b1c;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


.announcementbox ul li:hover{
  -webkit-box-shadow: 0 0 8px 8px rgba(0, 0, 0, .08);
  box-shadow: 0 0 8px 8px rgba(0, 0, 0, .08);

}
.announcementbox ul li:hover::after{
  height: 100%;
}

.announcementbox ul li:hover h5 a{
  color: #fff;

}

.announcementbox ul li:hover .more{
  color: #fff;
}

@media (max-width: 980px){
  .announcementbox{
    margin: 0.8rem auto 0 auto;
  }
  
  .announcementbox ul li{
    float: left;
    position: relative;
    width: 48%;
    height: 2.1rem;
    background: #fff;
    border: 1px solid #e2e2e2;
    margin: 0 4% 0.8rem 0;
    padding: 0 2.5%;
  
  }
  
  .announcementbox ul li:nth-child(3n){
    margin: 0 4% 0.8rem 0;
  }

  .announcementbox ul li:nth-child(2n){
    margin-right: 0;
  }
  
  .announcementbox ul li .time{
    text-align: center;
    margin: -0.43rem 0 0 0;
    width: 1rem;
    height: 1rem;
  }
  
  .announcementbox ul li .time span{
    display: block;
    font-size: 0.32rem;
  }
  
  .announcementbox ul li .time i{
    display: block;
    font-size: 0.18rem;
  }
  
  .announcementbox ul li h5 a{
    font-size: 0.2rem;
    margin: 0.2rem 0;
  }
  
  .announcementbox ul li .more{
    display: block;
    font-size: 0.18rem;
    color: #999;
  } 
  

}

/* æ ¡å‹é£Žé‡‡ */

.demeanour{
  margin: 0 auto;
}

.demeanour .title{
  margin: 9vh 0 0 22.6%;
}

.demeanour .title h3 span{
  color: #fff;

}
.demeanour .title h3 i{
  color: #fff;
  opacity: 0.6;
}

.demeanour .title h3 i em {
  background: url(../images/title1.png) no-repeat center;
}

.demeanour .title .more {
  display: block;
  float: right;
  width: 1.36rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border: 1px solid #bf2a2e;
  border-radius: 45px;
  background: #a51b22;
  text-align: center;
  font-size: 0.16rem;
  color: #fff;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.demeanour .title .more:hover{
  border: 1px solid #cc984f;
  background: #cc984f;
}

.demeanour .demeanourbox{
  margin: 0.65rem 0 0 22.6%;
  width: 77.4%;
  overflow: hidden;
}

.demeanour .demeanourbox .swiper-slide{
  position: relative;
  background: #fff;
  border-bottom-right-radius: 22px;
  margin: 0.8rem auto 0 auto;
}

.demeanour .demeanourbox .swiper-slide-next{
  margin: 0rem auto 0 auto;
}

.demeanour .demeanourbox .swiper-slide-duplicate-prev{
  margin: 0rem auto 0 auto;
}

.demeanour .demeanourbox .swiper-slide .pic{
  width: 100%;
  padding-top: 66.5%;
  position: relative;
  overflow: hidden;

}

.demeanour .demeanourbox .swiper-slide .pic img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


.demeanour .demeanourbox .swiper-slide:hover .pic img{
  transform: scale(1.1);
}

.demeanour .demeanourbox .swiper-slide .txt{
  height: 2.37rem;
  padding: 0 5%;

}

.demeanour .demeanourbox .swiper-slide .txt span{
  display: block;
  width: 0.87rem;
  height: 0.26rem;
  line-height: 0.26rem;
  background: #af1b1c;
  border-radius: 45px;
  text-align: center;
  font-size: 0.15rem;
  color: #fff;
  margin: 0.2rem 0 0.1rem 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.demeanour .demeanourbox .swiper-slide .txt a{
  font-size: 0.18rem;
  color: #333;
  font-weight: bold;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.demeanour .demeanourbox .swiper-slide .txt p{
  font-size: 0.15rem;
  color: #666;
  line-height: 0.28rem;
  height: 0.56rem;
  overflow: hidden;
  margin: 0.12rem 0 0.3rem 0;
}

.demeanour .demeanourbox .swiper-slide .txt em{
  display: block;
  font-size: 0.14rem;
  color: #999;
  font-family:"sys";
  background: url(../images/time1.png) no-repeat left center;
    background-size: auto;
  background-size: contain;
  line-height: 0.21rem;
  padding-left: 0.3rem;
}

.demeanour .demeanourbox .swiper-slide:hover .txt span{
  background: #cc984f;

}

.demeanour .demeanourbox .swiper-slide:hover .txt a{
  color: #af1b1c;
}

@media (max-width: 980px){

  
  .demeanour .title{
    margin: 0.3rem auto 0 auto;
  }
  
  .demeanour .title .more {
    float: right;
    width: 1.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.18rem;
  }
  
  .demeanour .demeanourbox{
    margin: 0.5rem auto 0.4rem auto;
    width: 94%;
    overflow: hidden;
  }
  
  
  .demeanour .demeanourbox .swiper-slide .txt{
    height: 2.3rem;
    padding: 0 5%;
  
  }
  
  .demeanour .demeanourbox .swiper-slide .txt span{
    display: block;
    width: 0.95rem;
    height: 0.36rem;
    line-height: 0.36rem;
    font-size: 0.18rem;

  }
  
  .demeanour .demeanourbox .swiper-slide .txt a{
    font-size: 0.24rem;
  }
  
  .demeanour .demeanourbox .swiper-slide .txt p{
    font-size: 0.22rem;
  }
  
  .demeanour .demeanourbox .swiper-slide .txt em{
    display: block;
    font-size: 0.18rem;
    color: #999;
    font-family:"sys";
    background: url(../images/time1.png) no-repeat left center;
      background-size: auto;
    background-size: contain;
    line-height: 0.21rem;
    padding-left: 0.3rem;
  }
  
  .demeanour .demeanourbox .swiper-slide{
    margin: 0rem auto 0 auto;
  }
  
  .demeanour .demeanourbox .swiper-slide-next{
    margin: 0rem auto 0 auto;
  }
  
  .demeanour .demeanourbox .swiper-slide-duplicate-prev{
    margin: 0rem auto 0 auto;
  }


}

/* æ ¡åº†è§†è§‰ */

.vision .visionbox{
  margin: 0.6rem auto 0 auto;
}

.vision .visionbox ul li{
  float: left;
  position: relative;
  width: 33.6%;
  height: 2.73rem;

}

.vision .visionbox ul li .pic{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;

}

.vision .visionbox ul li .pic img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.vision .visionbox ul li .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.04rem;
  background: url(../images/txtbg.png) no-repeat  center;
}

.vision .visionbox ul li .txt a{
  font-size: 0.2rem;
  color: #fff;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 86%;
  margin: 0 auto;
  position: absolute;
  left:7%;
  bottom: 0.2rem;
}

.vision .visionbox ul li:hover .txt a{
  color: #cc984f;
}

.vision .visionbox ul li:hover .pic img{
  transform: scale(1.1);

}

.vision .visionbox ul li:first-child{
  width: 32.8%;
  height: 5.46rem;

}




@media (max-width: 980px){
  .vision .visionbox{
    margin: 0.5rem auto 0.4rem auto;
    overflow: hidden;
  }
  
  .vision .visionbox ul li{
    float: left;
    position: relative;
    width: 50%;
    height: 2.73rem;
  
  }
  

  
  .vision .visionbox ul li .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.04rem;
    background: url(../images/txtbg.png) no-repeat top center;
    background-size: cover;
  }
  
  .vision .visionbox ul li .txt a{
    font-size: 0.24rem;
    width: 86%;
    left:7%;
    bottom: 0.2rem;
  }
  
  
  .vision .visionbox ul li:first-child{
    width: 100%;
    height: 4rem;
  
  }
  
  

}

/* æ ¡å›­æèµ  */

.donate .donatebox{
  margin: 0.25rem auto 0 auto;

}

.donate .donatebox .donatelist{
  margin: 0 auto;
  border: 1px solid #d2d2d2;
  height: 0.54rem;
}

.donate .donatebox .donatelist ul li{
  float: left;
  position: relative;
  z-index: 5;
  height: 0.54rem;
  line-height: 0.54rem;
  width: 14.28%;
  border-right: 1px solid #d2d2d2;
}

.donate .donatebox .donatelist ul li:last-child{
  border-right: none;
}

.donate .donatebox .donatelist ul li a{
  display: block;
  text-align: center;
  font-size: 0.18rem;
  color: #333;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.donate .donatebox .donatelist ul li::after{
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  content: "";
  z-index: -1;
  background: #cc984f;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.donate .donatebox .donatelist ul li.on::after{
  width: 100%;
}

.donate .donatebox .donatelist ul li.on a{
  color: #fff;
}

.donate .donatebox .donatenr{
  margin: 0.35rem auto 0 auto;
}

.donate .donatebox .donatenr .swiper-slide{
  position: relative;
} 

.donate .donatebox .donatenr .juanzeng{
  float: left;
  width: 35%;
  height: 5.2rem;
  background: url(../images/donate_img.jpg) no-repeat  center;
  position: relative;
}

.donate .donatebox .donatenr .juanzeng .juan_ico{
  width: 100%;
  height: 2.48rem;
  background: url(../images/donate_ico.png) no-repeat  center;
  margin: 1.3rem auto 0 auto;
  background-size: contain;

}

.donate .donatebox .donatenr .juanzeng .juan_ico a{
  display: block;
  text-align: center;
  color: #fff;
  font-size: 0.22rem;
  font-weight: bold;
  margin: 0rem auto 0 auto;
  padding-top: 0.85rem;

}

.donate .donatebox .donatenr .nr{
  float: right;
  width: 62.3%;
} 

.donate .donatebox .donatenr .nr ul li{
  position: relative;
  width: 100%;
  height: 0.5rem;
  margin-bottom: 0.32rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.donate .donatebox .donatenr .nr ul li .txt{
  height: 0.5rem;
  line-height: 0.5rem;
  border-bottom: 1px solid #e3e3e3;
}

.donate .donatebox .donatenr .nr ul li .txt a{
  float: left;
  width: 70%;
  font-size: 0.16rem;
  color: #333;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.donate .donatebox .donatenr .nr ul li .txt a em{
  display: block;
  float: left;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  background: #b1b1b1;
  margin-right: 0.12rem;
  margin-top: 0.21rem;

}

.donate .donatebox .donatenr .nr ul li .txt span{
  display: block;
  float: right;
  font-size: 0.16rem;
  color: #999;
  font-family: "sys";
}

.donate .donatebox .donatenr .nr ul li .txt_on{
  position: absolute;
  left: 0;
  top: 0px;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-bottom-left-radius: 25px;
  width: 100%;
  height: 2rem;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
} 

.donate .donatebox .donatenr .nr ul li .txt_on .xq{
  float: left;
  width: 60%;
  margin-left: 3%;
}

.donate .donatebox .donatenr .nr ul li .txt_on .xq span{
  display: block;
  font-size: 0.16rem;
  color: #999;
  font-family: "sys";
  margin: 0.1rem 0 0.1rem 0;
}

.donate .donatebox .donatenr .nr ul li .txt_on .xq span i{
  font-size: 0.36rem;
  color: #c60c03;
  font-family: "sys";
}

.donate .donatebox .donatenr .nr ul li .txt_on .xq a{
  font-size: 0.18rem;
  color: #333;
  font-weight: bold;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.donate .donatebox .donatenr .nr ul li .txt_on .xq p{
  font-size: 0.15rem;
  color: #666;
  line-height: 0.28rem;
  height: 0.56rem;
  overflow: hidden;
  margin-top: 0.1rem;
}

.donate .donatebox .donatenr .nr ul li .txt_on .pic{
  float: right;
  width: 26%;
  height: 1.6rem;
  margin: 0.2rem 2.5% 0 0;

} 

.donate .donatebox .donatenr .nr ul li .txt_on .pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.donate .donatebox .donatenr .nr ul li.on{
  height: 2.02rem;
  margin-bottom: 0.2rem;
}

.donate .donatebox .donatenr .nr ul li.on .txt_on{
  opacity: 1;
}

.donate .donatebox .donatenr .nr ul li:hover{
  height: 2.02rem;
}

.donate .donatebox .donatenr .nr ul li:hover .txt_on{
  opacity: 1;
}





@media (max-width: 980px){

  .donate .donatebox{
    margin: 0.35rem auto 0 auto;
    padding-bottom: 0.2rem;
  
  }
  
  .donate .donatebox .donatelist{
    margin: 0 auto;
    border: none;
    overflow: hidden;
    height: auto;
  }
  
  .donate .donatebox .donatelist ul li{
    height: 0.64rem;
    line-height: 0.64rem;
    width: 24.8%;
    border: 1px solid #d2d2d2;
  }
  
  .donate .donatebox .donatelist ul li:last-child{
    border: 1px solid #d2d2d2;
  }
  
  .donate .donatebox .donatelist ul li a{
    font-size: 0.24rem;
  }
  
  
  
  .donate .donatebox .donatenr .juanzeng{
    float: none;
    width: 100%;
    height: 3rem;
    background: url(../images/donate_img.jpg) no-repeat top center;
    position: relative;
    margin: 0 auto;
    background-size: 100%;
  }
  
  .donate .donatebox .donatenr .juanzeng .juan_ico{
    width: 100%;
    height: 2.68rem;
    background: url(../images/donate_ico.png) no-repeat  center;
    margin: 0rem auto 0 auto;
    position: relative;
    top: 0.5rem;
    background-size: contain;
  
  }
  
  .donate .donatebox .donatenr .juanzeng .juan_ico a{
    padding-top: 0.95rem;
  
  }
  
  .donate .donatebox .donatenr .nr{
    float: none;
    width: 100%;
    margin: 0.4rem auto 0 auto;
  } 
  
  
  .donate .donatebox .donatenr .nr ul li .txt a{
    font-size: 0.22rem;
  }
  
  
  .donate .donatebox .donatenr .nr ul li .txt span{
    display: block;
    float: right;
    font-size: 0.18rem;
  }
  
  
  .donate .donatebox .donatenr .nr ul li .txt_on .xq span{
    display: block;
    font-size: 0.2rem;
  }
  
  
  .donate .donatebox .donatenr .nr ul li .txt_on .xq a{
    font-size: 0.24rem;
  }
  
  .donate .donatebox .donatenr .nr ul li .txt_on .xq p{
    font-size: 0.22rem;
  }
  
  
  

}

/* æ¯•ä¸šæŽ å½± */

.snapshot{
  margin: 0 auto;

}

.snapshot .title{
  margin: 9vh 0 0 22.6%;
}

.snapshot .snapshotbox{
  margin: 0rem auto 0 auto;
  background: url(../images/snapshot_xt.png) no-repeat center 0.3rem;
  background-size: 100%;

}

.timer-shaft-box {
  box-sizing: border-box;
}

.timer-shaft {
  position: relative;
  width: 100%;
  height: 2.2rem;
  overflow: hidden;
}

.timer-left {
  position: absolute;
  top: 62%;
  left: 0.2rem;
  z-index: 99;
  margin-top: -18.5px;
  background: #af1b1c url(../images/left.png) no-repeat center;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  z-index: 9;
  background-size: 100%;
  cursor: pointer;
}

.timer-right {
  position: absolute;
  top: 68%;
  right:  0.2rem;
  z-index: 99;
  margin-top: -18.5px;
  background: #af1b1c url(../images/right.png) no-repeat center;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  z-index: 9;
  background-size: 100%;
  cursor: pointer;
}

.timer-scale {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  white-space: nowrap;
  height: 2.2rem;
  width: 100%;
}

.timer-scale-cont {
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 25%;
  text-align: center;
}



.snapshot .snapshotbox .snapshotMenu{
  margin: 0 auto;
  position: relative;
}


.timer-scale-cont:nth-child(1){
  top: 0.52rem;
 

}



.timer-scale-cont:nth-child(2){
  top: -0.25rem;
 
}

.timer-scale-cont:nth-child(3){

}


.timer-scale-cont:nth-child(4){
  top: 0.4rem;
 
}


.timer-scale-cont:nth-child(5){
  top: 0.4rem;
}

.timer-scale-cont:nth-child(6){
  top: 0.4rem;
}

.timer-scale-cont+div{
  position: relative;
  top: -0.4rem;
  

}

.timer-scale-cont.hov{
  top: 0rem;

}

.timer-scale-cont:nth-child(1).hov{
  top: 0.75rem;

}

.timer-scale-cont:nth-child(4).hov{
  top: 0.7rem;

}






.snapshot .snapshotbox .snapshotMenu .timer-scale-cont i{
  display: block;
  margin: 0rem auto 0rem auto;
  width: 0.99rem;
  height: 0.85rem;
  position: relative;
  z-index: 5;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.snapshot .snapshotbox .snapshotMenu .timer-scale-cont i em{
  display: block;
  margin: 0rem auto 0 auto;
  border-radius: 50%;
  width: 0.13rem;
  height: 0.13rem;
  background: #a81c1d;
  position: relative;
  top: 0.42rem;
}

.snapshot .snapshotbox .snapshotMenu .timer-scale-cont span{
  display: block;
  font-size: 0.24rem;
  color: #333;
  font-family: "sys";
  margin: 0rem auto 0 auto;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


.snapshot .snapshotbox .snapshotMenu .swiper-slide-next{
  margin: 0rem auto 0 auto;
  top: -0.6rem;
}

.snapshot .snapshotbox .snapshotMenu .swiper-slide-active{
  margin: 0.1rem auto 0 auto;
  top: 0rem;
}

.custom-style-for-fourth-slide{
  top: 0.5rem;
}


.snapshot .snapshotbox .snapshotMenu .timer-scale-cont i::after{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0%;
  height: 0%;
  content: "";
  z-index: -1;
  background: url(../images/ico1.png) no-repeat  center;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin: 0 auto;
  background-size: 100%;
}

.snapshot .snapshotbox .snapshotMenu .timer-scale-cont.hov i{
  height: 0.99rem;
  margin: 0rem auto 0.15rem auto;
}

.snapshot .snapshotbox .snapshotMenu .timer-scale-cont.hov i::after{
  height: 0.99rem;
  width: 0.99rem;
  left: 0;
  top: 0;

}

.snapshot .snapshotbox .snapshotMenu .timer-scale-cont.hov a span{
  margin: 0.78rem auto 0 auto;

}


.snapshot .snapshotbox .snapshotMenu .snapshotnext{
  position: absolute;
  right: 0;
  top: 1.35rem;
  background: #af1b1c url(../images/right.png) no-repeat  center;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  z-index: 9;
  background-size: 100%;

}


.snapshot .snapshotbox .snapshotMenu .snapshotprev{
  position: absolute;
  left: 0;
  top: 1.15rem;
  background: #af1b1c url(../images/left.png) no-repeat  center;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  z-index: 9;
  background-size: 100%;
}


.snapshot .shaft-detail-cont {
  display: block;
  margin-bottom: 50vh;
  overflow: hidden;
}

.snapshot .shaft-detail-cont:first-child {
  display: block;
}

.snapshot .snapshotbox  .snapshotnr{
  margin: 0 auto;
  overflow: hidden;
}

.snapshot .snapshotbox  .snapshotnr .bd{
  overflow: hidden;
}

.snapshot .snapshotbox  .snapshotnr .swiper-wrapper{

  width: 100%;
}
.snapshot .snapshotbox  .snapshotnr .bd li{
  position: relative;
  margin: 1rem 0 0 0;

}

.snapshot .snapshotbox  .snapshotnr .bd li.swiper-slide-next{
  margin-top: 0rem;
}

.snapshot .snapshotbox  .snapshotnr .bd li .pic{
  position: relative;
  width: 100%;
  padding-top: 58%;
  overflow: hidden;

}


.snapshot .snapshotbox  .snapshotnr .bd li .pic img{
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.snapshot .snapshotbox  .snapshotnr .bd li:hover .pic img{
  transform: scale(1.1);
}


.snapshot .snapshotbox  .snapshotnr .swiper-slide .txt{
  width: 100%;
  height: 1.2rem;
  border: 1px solid #e4e4e4;
  background: #fff;
  position: relative;
  z-index: 5;

} 

.snapshot .snapshotbox  .snapshotnr .swiper-slide .txt .txtxq{
  width: 85%;
  margin: 0.25rem auto 0 auto;
  border-bottom: 1px solid #333333;
  overflow: hidden;
  padding-bottom: 0.2rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


.snapshot .snapshotbox  .snapshotnr .swiper-slide .txt .txtxq em{
  display: block;
  float: left;
  background: url(../images/ico2.png) no-repeat  center;
  width: 0.39rem;
  height: 0.33rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin-top: 0.05rem;
  background-size: 100%;
}

.snapshot .snapshotbox  .snapshotnr .swiper-slide .txt .txtxq a{
  display: block;
  float: right;
  width: 83%;
}

.snapshot .snapshotbox  .snapshotnr .swiper-slide .txt .txtxq a span{
  font-size: 0.16rem;
  color: #333;
  font-weight: bold;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;

}

.snapshot .snapshotbox  .snapshotnr .swiper-slide .txt .txtxq a i{
  display: block;
  font-size: 0.14rem;
  color: #999;
  font-family: "sys";
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


.snapshot .snapshotbox  .snapshotnr .swiper-slide .txt::after{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0%;
  content: "";
  z-index: -1;
  background: #af1b1c;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}


.snapshot .snapshotbox  .snapshotnr .swiper-slide:hover .txt::after{
  height: 100%;

}

.snapshot .snapshotbox  .snapshotnr .swiper-slide:hover .txt .txtxq{
  border-bottom: 1px solid #fff;
}

.snapshot .snapshotbox  .snapshotnr .swiper-slide:hover .txt .txtxq em{
  background: url(../images/ico3.png) no-repeat  center;
  background-size: 100%;
  
}


.snapshot .snapshotbox  .snapshotnr .swiper-slide:hover .txt .txtxq a span{
  color: #fff;

}

.snapshot .snapshotbox  .snapshotnr .swiper-slide:hover .txt .txtxq a i{
  color: #fff;
}




.snapshot .shaft-detail-cont .hd{
  margin: 0.05rem auto 0 auto;
  text-align: center;
  position: relative;
  top: -0.2rem;
  z-index: 12;
  height: 0.5rem;

}



.snapshot .shaft-detail-cont .hd .swiper-pagination-bullet{
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  border: 1px solid #af1b1c;
  background: #fff;
  opacity: 1;
  border-radius: 50%;
  margin: 0 0.1rem;

}

.snapshot .shaft-detail-cont .hd .swiper-pagination-bullet-active{
  border: 1px solid #af1b1c;
  background: #af1b1c;
}





@media (max-width: 980px){


  .snapshot{
    margin: 0 auto;
  }
  
  .snapshot .title{
    margin: 0.4rem auto 0 auto;
  }
  
  .snapshot .snapshotbox{
    margin: 0.3rem auto 0 auto;
    background: url(../images/snapshot_xt.png) no-repeat center 0.3rem;
    background-size: 100%;
    /*! padding-top: 0.5rem; */
  }
  
  .snapshot .snapshotbox .snapshotcenter{
    
  }
  
  .snapshot .snapshotbox .snapshotMenu{
    margin: 0 auto;
    height: 1.65rem;
  }
  
  
  .snapshot .snapshotbox .snapshotMenu .swiper-container{
    padding-top: 0.65rem;
  }
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide{
    position: relative;
    z-index: 5;
    text-align: center;

  }

  .timer-scale-cont+div {
    position: relative;
    top: -0.2rem;
}

.timer-scale-cont:nth-child(1).hov {
  top: 0.1rem;
}
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide:nth-child(3){
    top: -0.4rem;
  }
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide:nth-child(4){
    top: -0.78rem;
   
  }
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide:nth-child(5){
    top: -0.45rem;
  }
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide i{
    display: block;
    margin: 0rem auto 0rem auto;
    width: 0.99rem;
    height: 0.85rem;
    position: relative;
    z-index: 5;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide i em{
    display: block;
    margin: 0rem auto 0 auto;
    border-radius: 50%;
    width: 0.13rem;
    height: 0.13rem;
    background: #a81c1d;
    position: relative;
    top: 0.42rem;
  }
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide span{
    display: block;
    font-size: 0.24rem;
    color: #333;
    font-family: "sys";
    margin: 0rem auto 0 auto;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide-next{
    margin: 0rem auto 0 auto;
    top: -0.8rem;
  }
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide-active{
    margin: 0rem auto 0 auto;
    top: -0.4rem;
  }
  
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide i::after{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0%;
    height: 0%;
    content: "";
    z-index: -1;
    background: url(../images/ico1.png) no-repeat  center;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin: 0 auto;
    background-size: 100%;
  }
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide-active i{
    height: 0.99rem;
    margin: 0rem auto 0.15rem auto;
  }
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide-active i::after{
    height: 0.99rem;
    width: 0.99rem;
    left: 0;
    top: 0;
  
  }
  
  .snapshot .snapshotbox .snapshotMenu .swiper-slide-active a span{
    margin: 0.78rem auto 0 auto;
  
  }
  
  .snapshot .snapshotbox  .snapshotnr{
    margin: 0.8rem auto 0 auto;
  }
  
  .snapshot .snapshotbox  .snapshotnr .swiper-wrapper{
    width: 100%;
    margin: 0 auto;
  }

  .snapshot .snapshotbox  .snapshotnr .bd li {
    position: relative;
    margin-top: 0rem;
    width: 100% !important;
    margin: 0 auto !important;
}

.snapshot .snapshotbox  .snapshotnr .bd li.swiper-slide-next{
  margin-top: 0rem;
}
  
  .snapshot .snapshotbox  .snapshotnr ul li:last-child{
    margin-right: 0;
  }
  
  .snapshot .snapshotbox  .snapshotnr .swiper-slide .txt .pic{
    position: relative;
    width: 100%;
    padding-top: 58%;
  
  }
  

  .snapshot .snapshotbox  .snapshotnr .swiper-slide .txt .txtxq a{
    display: block;
    float: right;
    width: 80%;
  }
  
  .snapshot .snapshotbox  .snapshotnr .swiper-slide .txt .txtxq a span{
    font-size: 0.24rem;
  
  }
  
  .snapshot .snapshotbox  .snapshotnr .swiper-slide .txt .txtxq a i{
    display: block;
    font-size: 0.2rem;
  }
  
  .snapshot .snapshotbox  .snapshotnr .swiper-slide .txt {
    height: 1.5rem;
}
 
.snapshot .snapshotbox .snapshotcenter .swiper-pagination-ico .swiper-pagination-bullet {
  margin: 0.15rem 0.1rem;
}


.snapshot .shaft-detail-cont .hd{
  margin: 0.5rem auto ;
  top: 0;

}

.timer-scale-cont {
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 33%;
}



.timer-scale-cont:nth-child(1) {
  top: -0.15rem;
}


.timer-scale-cont.hov {
  top: 0rem;
}

.timer-scale-cont:nth-child(4) {
  top: -0.15rem;
}

.timer-scale-cont:nth-child(4).hov {
  top: -0rem;
}

.snapshot .shaft-detail-cont {
  margin-bottom: 0vh;
  overflow: hidden;
}

.timer-right{
  right: 0;
  top: 63%;
}

.timer-left{
  left: 0;
  top: 55%;
}

}




/* 历史沿革 */

.history{

}


.history .historybox{
  margin: 0 auto;

  position: relative;
}

.history .historybox .mySwiper2{
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.history .historybox .mySwiper2 .swiper-slide{
  position: relative;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background: url(../images/xt1.png) no-repeat left top;
  padding-left: 0.4rem;
  height: 1.72rem;
}

.history .historybox .mySwiper2 .swiper-slide .txt{
  
} 

.history .historybox .mySwiper2 .swiper-slide .txt span{
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-size: 0.36rem;
  color: #333;
  font-weight: bold;
  font-family: "Georgia";
  line-height: 0.3rem;
}  

.history .historybox .mySwiper2 .swiper-slide .txt p {
  font-size: 0.16rem;
  color: #333;
  line-height: 0.3rem;
  margin-top: 0.4rem;
}


.history .historybox .mySwiper2 .swiper-slide-thumb-active .txt span{
  color: #c30c03;

}

.history .historybox .mySwiper2 .swiper-slide-thumb-active{
  background: url(../images/xt2.png) no-repeat left top;
}


.history .historybox .mySwiper2 .swiper-slide:nth-child(1){
  margin-top: 1.9rem;

}

.history .historybox .mySwiper2 .swiper-slide:nth-child(2n){
  margin-top: 0.95rem;
  
}



.history .historybox .mySwiperimg{
  position: absolute;
  right: 20%;
  top: 1.85rem;
  z-index: 5;
  width: 3.27rem;
  overflow: hidden;
}

.history .historybox .mySwiperimg .swiper-slide{
  position: relative;

}

.history .historybox .mySwiperimg .swiper-slide .pic {
  width: 3.27rem;
  height: 3.27rem;
  background: url(../images/xt3.png) no-repeat center;
  background-size: 100%;
}

.history .historybox .mySwiperimg .swiper-slide .pic img{
  width: 2.67rem;
  height: 2.67rem;
  border-radius: 50%;
  margin: 0.3rem;

}


.history .historybox .mySwipertime{
  margin: 2.15rem auto 0 auto;
  overflow: hidden;
  position: relative;
} 

.history .historybox .mySwipertime .swiper-container{
  margin: 0 auto;
  width: 90%;
  position: relative;
  z-index: 5;
  padding-left: 0.5rem;
}

.history .historybox .mySwipertime .swiper-slide{
  position: relative;
}

.history .historybox .mySwipertime .swiper-slide span{
  display: block;
  text-align: center;
  line-height: 0.45rem;
  font-size: 0.24rem;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.history .historybox .mySwipertime .swiper-slide-active span{
  color: #af1b1c;
  font-size: 0.43rem;
}


.history .historybox .mySwipertime-button-next{
  cursor: pointer;
  background: #af1b1c url(../images/right.png) no-repeat  center;
  border-radius: 50%;
  width: 0.45rem;
  height: 0.45rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: absolute;
  right: 0;
  top: 0px;
  background-size: 100%;
}

.history .historybox .mySwipertime-button-prev{
  cursor: pointer;
  background: #af1b1c url(../images/left.png) no-repeat  center;
  border-radius: 50%;
  width: 0.45rem;
  height: 0.45rem;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: absolute;
  left: 0;
  top: 0px;
  background-size: 100%;
}

.history .historybox .mySwipertime-button-next:hover{
  background: #cc984f url(../images/right.png) no-repeat  center;
  background-size: 100%;
}

.history .historybox .mySwipertime-button-prev:hover{
  background: #cc984f url(../images/left.png) no-repeat  center;
  background-size: 100%;
}

.history .historybox .mySwipertime .swiper-slide::after{
  position: absolute;
  right: -0.6rem;
  top: 0.22rem;
  content: "";
  z-index: -1;
  width: 0.5rem;
  height: 1px;
  background: #bab6b2;
}

.history .historybox .mySwipertime .swiper-container::after{
  position: absolute;
  left: 0rem;
  top: 0.22rem;
  content: "";
  z-index: -1;
  width: 0.5rem;
  height: 1px;
  background: #bab6b2;
}



@media (max-width: 980px){


  .history{
    padding-bottom: 0.5rem;

  }
  
  
  .history .historybox{
    margin: 0 auto;
    position: relative;
  }
  
  .history .historybox .mySwiper2{
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }
  

  .history .historybox .mySwiper2 .swiper-slide{
    padding-left: 0.65rem;
  }
  
  .history .historybox .mySwiper2 .swiper-slide .txt p {
    font-size: 0.2rem;
    margin-top: 0.2rem;

  }
  
  
  .history .historybox .mySwiper2 .swiper-slide-thumb-active .txt span{
    color: #c30c03;
  
  }
  
  .history .historybox .mySwiper2 .swiper-slide-thumb-active{
    background: url(../images/xt2.png) no-repeat left top;
  }
  
  
  .history .historybox .mySwiper2 .swiper-slide:nth-child(1){
    margin-top: 1.5rem;
  
  }
  
  .history .historybox .mySwiper2 .swiper-slide:nth-child(2n){
    margin-top: 0.75rem;
    
  }
  
  
  
  .history .historybox .mySwiperimg{
    position: absolute;
    right: 25%;
    top: 2.5rem;

  }
  
  .history .historybox .mySwiperimg .swiper-slide{
    position: relative;
  
  }
  
  
  
  .history .historybox .mySwipertime{
    margin: 2.75rem auto 0 auto;
    overflow: hidden;
    position: relative;
  } 
  

  
  .history .historybox .mySwipertime .swiper-slide-active span{
    color: #af1b1c;
    font-size: 0.4rem;
  }
  
  
  
  .history .historybox .mySwipertime .swiper-container::after{
    position: absolute;
    left: 0.2rem;
  }

}


/* æ ¡åº†ç¥ç¦ */

.bless .blessbox{
  margin: 0.1rem  auto 0 auto;
  position: relative;
}

.bless .title{

}

.bless .title h3 span{
  color: #fff;
  

} 

.bless .title h3 i{
  color: #fff;
}  

.bless .title h3 i em{
  color: #fff;
}

.bless .title .more{
  display: block;
  float: right;
  width: 1.36rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border: 1px solid #bf2a2e;
  border-radius: 45px;
  background: #a51b22;
  text-align: center;
  font-size: 0.16rem;
  color: #fff;
  -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.bless .title .more:hover{
  border: 1px solid #cc984f;
  background: #cc984f;
}


.boxes {
  display: flex;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
  height: 4.4rem; /* æˆ–ä½ å¸Œæœ›çš„ä»»ä½•é«˜åº¦ */
}
 
.wrapper {
  display: flex;
  flex-direction: column;
  width: 100%; /* ä¸¤åˆ—å¸ƒå±€ï¼Œæ¯åˆ—å 50% */
}
 
.column {
  position: relative;
  width: 100%;
  height: 35%; /* 每列的高度是容器高度的一半 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end; /* 文本从右向左漂浮 */
  overflow: hidden;
}
 
.column ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  animation: floatText linear infinite;
}
 
.floating-text {
  margin-bottom: 10px; /* 文本之间的间距 */
  animation-fill-mode: forwards; /* 动画结束后保持最终状态 */
  float: left;
  font-size: 0.18rem;
  color: #ffff;
  background: url(../images/ico4.png) no-repeat center top;
  width: 3.11rem;
  height: 1.19rem;
  margin: 0.3rem 0rem 0rem 0;
  padding: 0.2rem 0.4rem 0 0.4rem;
  background-size: 100%;
  margin-right: 0.7rem;
}

.floating-text:nth-child(2n){
  width: 3.84rem;
  height: 1.53rem;
  font-size: 0.18rem;
  color: #ffff;
  background: url(../images/ico5.png) no-repeat left  top;
  padding: 0.4rem 0.4rem 0 0.4rem;
  position: relative;
  top: -0.3rem;
  background-size: 100%;
}

.column:nth-child(2) .floating-text{
  width: 3.84rem;
  height: 1.53rem;
  font-size: 0.18rem;
  color: #ffff;
  background: url(../images/ico5.png) no-repeat left  top;
  padding: 0.4rem 0.4rem 0 0.4rem;
  position: relative;
  background-size: 100%;
  float: left;
  margin-right: 0.7rem;
}

.column:nth-child(2) .floating-text:nth-child(2n){
  font-size: 0.18rem;
  color: #ffff;
  background: url(../images/ico4.png) no-repeat center top;
  width: 3.11rem;
  height: 1.19rem;
  margin: 0.3rem 0rem 0rem 0;
  padding: 0.2rem 0.4rem 0 0.4rem;
  background-size: 100%;
  top: -0.1rem;
  position: relative;
  margin-right: 0.7rem;
}
 
@keyframes floatText {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0%);
  }
}
 
/* è®¾ç½®åŠ¨ç”»æŒç»­æ—¶é—´ï¼Œå¹¶æ ¹æ®éœ€è¦è°ƒæ•´æ¯åˆ—çš„åŠ¨ç”»å»¶è¿Ÿ */
.column:nth-child(1) ul {
  animation-duration: 30s; /* ä½ å¯ä»¥æ ¹æ®éœ€è¦è°ƒæ•´è¿™ä¸ªå€¼ */
}
 
.column:nth-child(2) ul {
  animation-duration: 30s; /* 与第一列不同，以创建交错效果 */
  animation-delay: 0s; /* 开始时稍微延迟，以与第一列错开 */
}
 

 






.bless .blessbox .blessbutton{
  margin: 0.85rem auto 0 auto;

} 

.bless .blessbox .blessbutton button{
  display: block;
  text-align: center;
  font-size: 0.24rem;
  color: #ffff;
  font-weight: bold;
  border: none;
  width: 2.67rem;
  height: 0.95rem;
  background: url(../images/button.png) no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  padding-bottom: 0.25rem;

}  

.bless .blessbox .zhufubox{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.bless .blessbox .zhufubox .zhufu_txt{
  margin: 0 auto;
  width: 4.65rem;
  height: 5.65rem;
  background: url(../images/zhufubg.png) no-repeat center;
  position: relative;
  bottom: 1.2rem;
  background-size: 100%;
}

.bless .blessbox .zhufubox .zhufu_txt .close{
  position: absolute;
  right: 0.37rem;
  bottom: 0.4rem;
}

.bless .blessbox .zhufubox .zhufu_txt .message{
  margin: 0 auto;
  width: 70%;
  padding-top: 0.65rem;
}

.bless .blessbox .zhufubox .zhufu_txt .message textarea{
  font-size: 0.24rem;
  color: #666;
}



@media (max-width: 980px){

  .bless .blessbox .zhufubox .zhufu_txt{
    bottom: 0rem;

  }

  .bless .title .more{
    float: right;
    width: 1.5rem;
    font-size: 0.18rem;
    color: #fff;
    margin: 0.1rem auto 0 auto;
  }

  .bless .blessbox .boxes{
    margin: 0.3rem auto 0 auto;
    height: 3.4rem;
  }

  .column {
 
    height: 50%;
  
}
  .bless .blessbox .boxes .box{
    float: left;
    font-size: 0.18rem;
    color: #ffff;
    background: url(../images/ico4.png) no-repeat center top;
    width: 50%;
    height: 1.53rem;
    margin: 0.3rem 0rem 0rem 0;
    padding: 0.2rem 0.2rem 0 0.2rem;
    background-size: 100%;
  }
  
  .bless .blessbox .boxes .box:nth-child(2n){
    width: 50%;
    height: 1.53rem;
    font-size: 0.18rem;
    color: #ffff;
    background: url(../images/ico5.png) no-repeat left  top;
    padding: 0.3rem 0.4rem 0 0.4rem;
    position: relative;
    top: -0.3rem;
    background-size: 100%;
  }
  
  .bless .blessbox .blessbutton{
    background: url(../images/button.png) no-repeat center;
    margin: 0.85rem auto 0 auto;
    width: 2.67rem;
    height: 0.95rem;
    background-size: 100%;
  } 

  .floating-text:nth-child(2n){
    padding: 0.3rem 0.3rem 0 0.3rem;
  }
  
  .column:nth-child(2) .floating-text{
    padding: 0.3rem 0.3rem 0 0.3rem;
  }

  .floating-text {
    padding: 0.2rem 0.1rem 0 0.1rem;
  }
  
  
  .column:nth-child(2) .floating-text:nth-child(2n){
    padding: 0.2rem 0.1rem 0 0.1rem;
  }

}


@media (min-width: 1360px){
  .announcement .title{
    position: relative;
    top: 100px;
    opacity: 0;
    transition: all 0.8s ease 0s;
    transition-delay: 0s;
  }
  
  .section.active .announcement .title{
    top: 0;
    opacity: 1;
    transition-delay: 0.8s;
  }


  .vision .title{
    position: relative;
    top: 100px;
    opacity: 0;
    transition: all 0.8s ease 0s;
    transition-delay: 0s;
  }

  .section.active .vision .title{
    top: 0;
    opacity: 1;
    transition-delay: 0.8s;
  }

  .announcementbox ul li{
    position: relative;
    top: 100px;
    opacity: 0;
    transition: all 1s ease 0s;
    transition-delay: 0s;
  }
  
  .section.active .announcementbox ul li{
    top: 0;
    opacity: 1;
    transition-delay: 1s;
  }

  .vision .visionbox {
    position: relative;
    top: 100px;
    opacity: 0;
    transition: all 1s ease 0s;
    transition-delay: 0s;
  }

  .section.active .vision .visionbox{
    top: 0;
    opacity: 1;
    transition-delay: 1s;
  }

}








.homeg{background-size: cover;padding-top: 0rem;padding-bottom: 1.8rem;position: relative;z-index: 5}
.homeg .slide-g{height: 4.7rem}
.homeg .slide-g .swiper-slide .item:before{content: '';position: absolute;left: 20px;width: 2px;height: 1.35rem;background: #fff;top: .45rem}
.homeg .slide-g .swiper-slide .item{opacity: 0;transition: .3s;padding-right: .5rem;padding-left: .45rem;position: relative;}
.homeg .slide-g .swiper-slide .item .dot{width: 24px;height: 24px;border-radius: 50%;border: 1px dashed #fff;position: absolute;left: 8px;top:.2rem}
.homeg .slide-g .swiper-slide .item .dot:before{content: '';position: absolute;top: -6px;left: -6px;bottom: -6px;right: -6px;border-radius: 50%;border: 1px dashed #af1b1c;transition: .3s;transform: scale(0);transition: .3s}
.homeg .slide-g .swiper-slide .item h4{font-weight: bold;font-size: .36rem;font-family: "Georgia";margin-bottom: .35rem}

.homeg .slide-g .swiper-slide .item .desc{line-height: 1.8em;color: #333333; font-size: 0.16rem;}

.homeg .slide-g .swiper-slide-active .item:before{background: #a7a7a7;top: .45rem;left: 16px;}

.homeg .slide-g .swiper-slide-active .item h4{font-weight: bold;color: #c30c03; font-size: 0.36rem;
}
.homeg .slide-g .swiper-slide-active .item .dot{background: #af1b1c;border: 1px dashed #af1b1c; width: 8px;
height: 8px;padding: 8px;}
.homeg .slide-g .swiper-slide-active .item .dot:before{transform: scale(1);}
.homeg .slide-g .swiper-slide-active .item{transform: translateY(1.6rem);opacity: 1;}
.homeg .slide-g .swiper-slide-prev .item{transform: translateY(2.4rem); ;opacity: 1}
.homeg .slide-g .swiper-slide-next .item{transform: translateY(.9rem);;opacity: 1}
.homeg .slide-g .swiper-slide-next+.swiper-slide .item{opacity: 1}
.homeg .slide-g .swiper-slide-next+.swiper-slide+.swiper-slide .item{transform: translateY(.5rem);;opacity: 1}
.homeg .slide-g .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide .item{transform: translateY(1.5rem);;opacity: 1}
.homeg .slide-gs .item:before{content: '';border-top: 1px solid #999;position: absolute;top: 50%;width: 25%;left: 0}
.homeg .slide-gs .item:after{content: '';border-top: 1px solid #999;position: absolute;top: 50%;width: 25%;right: 0}
.homeg .slide-gs .item.active:before{width: 10%;}
.homeg .slide-gs .item.active:after{width: 10%;}
.homeg .slide-gs .item span{color: #999999;font-size: .24rem; font-family: Arial, Helvetica, sans-serif; text-align: center;transition: .3s;line-height: .36rem;display: block;cursor: pointer;}
.homeg .slide-gs .item.active span{color: #af1b1c;font-size: .3rem}
.homeg .slide-gp{padding-bottom: 1.2rem;}
.homeg .slide-gp:after{content: '';position: absolute;left: 0;bottom: 0;width: calc(100% + (100vw - 15.4rem) / 2);height: 3.14rem;background-size: auto 100%;z-index: 0;pointer-events: none}
.homeg .slide-gp .imgs{position: absolute;right: 24%;bottom: 2rem;z-index: 2}
.homeg .slide-gp .imgs:after{content: '';position: absolute;top: -.41rem;left: -.41rem;right: -.41rem;bottom: -.41rem;border-radius: 50%;background: url(../images/xt3.png) no-repeat center;background-size: 100% 100%;animation: roted 60s linear infinite}
.homeg .slide-gp .imgs li+li{display: none}
.homeg .slide-gp .imgs .img{width:2.55rem;height: 2.55rem;border-radius: 50% }
.homeg .slide-gsp{margin-top:0rem;position: relative;padding: 0 .4rem}
.homeg .slide-gsp .swiBtn a{top: 50%;margin-top: -.23rem;position: absolute;}
.homeg .slide-gsp .swiBtn .prev{left: -.2rem; background: #af1b1c; border-radius: 50%;   -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;}
.homeg .slide-gsp .swiBtn .next{right: -.2rem; background: #af1b1c; border-radius: 50%;   -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;}

  .homeg .slide-gsp .swiBtn .prev:hover{
    background: #cc984f;

  }

  .homeg .slide-gsp .swiBtn .next:hover{
    background: #cc984f;
  }

.homeg .wp{
  position: relative;
}

.homeg .slide-gsp .swiper-slide{
  line-height: 0.36rem;
  height: 1rem;
  display: flex;

  justify-content: center; /* 水平居中 */

  align-items: center; /* 垂直居中 */
}



.zoomImg,.loadimg{width:100%;overflow:hidden;position:relative;display:block;}
.zoomImg:before{position:absolute;top:0;left:-90%;z-index:2;display:block;content:"";width:50%;height:100%;opacity:.25;pointer-events:none;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);z-index: 3}
.zoomImg img{width:101%;transition: .5s;height: 101%;object-fit: cover;position: relative;z-index: 1}
.zoomImg.noms:before{display: none}
.zoomImg.mask:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 40%;z-index: 2;pointer-events: none;background-size:auto 100%;opacity: .8}
.imgfix img{display: none\0}
@-webkit-keyframes shine{100%{left:125%}
}
@keyframes shine{100%{left:125%}
}

@media (max-width: 1024px){
  .homeg .slide-g .swiper-slide .item h4{
    margin-left: 0.3rem;
    font-size: 0.24rem;
  }

  .homeg .slide-gs .item span{
    margin: 0 auto;
    text-align: center;
    width: 65%;
    line-height: 0.36rem;
  }
  
  .homeg .slide-gs .item.active span{
    font-size: 0.3rem;
  }
  
  .homeg .slide-gs .swiper-slide{

    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
  }

  .homeg .slide-gsp .swiBtn .next{
    right: -0.5rem;
  }

  .homeg .slide-gsp .swiBtn .prev{
    left: -0.5rem;
  }

  .homeg .slide-gs .item.active {
    width: 35% !important;
  }

}

@media (max-width: 980px){
  .homeg .slide-gp .imgs{
    bottom: 1rem;
  }

  .homeg .slide-gsp .swiBtn .next {
    right: 0;
    z-index: 9;
  }

  .homeg .slide-gsp .swiBtn .next img{
    width: 0.5rem;
    height: 0.5rem;
  }

  .homeg .slide-gsp .swiBtn .prev{
    left: 0;
    z-index: 9;
  }

  .homeg .slide-gsp .swiBtn .prev img{
    width: 0.5rem;
    height: 0.5rem;
  }

  .homeg .slide-g .swiper-slide .item h4{
    margin-left: 0.3rem;
  }

  .homeg .slide-g .swiper-slide .item .desc {
    font-size: 0.24rem;
    margin-left: 0.3rem;
}

.homeg .slide-gp{
  padding-bottom: 2rem;
}

.homeg .slide-g .swiper-slide .item {
  top: -1rem;
}

.homeg .slide-gsp {
  top: 0.5rem;
}

.section1{
  position: relative;
  top: 1.2rem;
}


.section2{
  position: relative;
  margin: 1.2rem auto 0 auto;
  padding-bottom: 0.2rem;
}

.section5{
  height: auto !important;
}



}





.s7-block {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
}

.s7-block .contimg{
  left: 7%;
  position: relative;
}


.s7-block2 {
  background: url(../images/page9.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}

.s7-block2.show {
  opacity: 1;
  visibility: visible;
}

.s7-block2.ani {
  filter: blur(10px);
  animation: o-scale3 2s linear forwards;
}

.s7-block3 {
  background: url(../images/zhufubg.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}

.s7-block3.show {
  opacity: 1;
  visibility: visible;
}

.s7-block3.ani {
  filter: blur(10px);
  animation: o-scale3 2s linear forwards;
}

@keyframes o-scale3 {
  0% {
      transform: scale(1);
      opacity: 1;
  }

  60% {
      opacity: 1;
  }

  100% {
      transform: scale(1.5);
      opacity: 0;
  }
}

.s7-down {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 4.65rem;
  height: 5.65rem;
  margin: 0 auto;
}



.s7-down p {
  font-size: 0.2rem;
  color: #ffffff;
}

.s7-down #zhufuText{
  position: absolute;
  left: 13%;
  top: 0.8rem;
  font-size: 0.24rem;
  color: #666666;
  padding-left: 0.1rem;
  line-height: 0.3rem;
  width: 75%;

}

.s7-down #zhufuText::after{
  position: absolute;
  left: 0;
  top: 0.03rem;
  content: "";
  width: 1px;
  height: 0.25rem;
  background: #c0c0c0;

}

.s7-zfpic {
  width: 4.65rem;
  height: 5.65rem;
  margin: .1rem 0;
}

.s7-zfpic img {
  display: block;
  width: 100%;
}

.close-hk {
  width: 0.27rem;
  height: 0.27rem;
  background: url(../images/closeico.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  position: absolute;
  right: 0.35rem;
  bottom: 0.25rem;
}


.s7-block .title{
  margin: 0 auto 0 auto;
}


.s7-b2-m {
  width: 100%;
}

.s7-block .cont {
  width: 100%;
}

.s7-b1c {
  min-height: 60vh;
}

.section7 .tit-text h2 {
  color: #fff;
}

.section7 .title::after {
  background-color: rgba(255, 255, 255, .3);
}

.section7 .tit-more a {
  color: #cccccc;
}

.s7-send {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: .4rem;
}

.s7-send-box {
  position: relative;
  cursor: pointer;
}

.s7-send-box>img {
  display: block;
  margin: 0 auto;
  width: 2.67rem;
  height: 0.95rem;
}

.s7-zftext {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 0.7rem;

}

.s7-zftext p {
  color: #fff;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.4rem;
  text-align: center;
  line-height: 0.7rem;
}

.s7-zftext img {
  display: block;
  margin: .1rem auto 0 auto;
}

.s7-slick-box {
  width: 100%;
  margin: 0.2rem auto 0 auto;
  overflow: hidden;
}

.s7-slick {
  height: 1.55rem;
  width: 100%;
  position: relative;
}

.s7-slick ul {
  white-space: nowrap;
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.s7-slick ul li {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/ico4.png) no-repeat left top ;
  background-size: 100% 100%;
  color: #fff;
  padding: .2rem .15rem .15rem .15rem;
  white-space: normal;
  z-index: 2;
  width: 3.11rem;
  height: 1.39rem;
  margin-top: 0.2rem;
  margin-right: 0.6rem;
}

.s7-slick ul li:nth-child(2n){
  background: url(../images/ico5.png) no-repeat left top ;
  background-size: 100% 100%;
  color: #fff;
  padding: .2rem .2rem .15rem .2rem;
  white-space: normal;
  position: relative;
  z-index: 2;
  width: 3.84rem;
  height: 1.53rem;
  margin-top: 0;
}



.s7-slick.s7-slick2 ul li {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/ico5.png) no-repeat left top ;
  background-size: 100% 100%;
  color: #fff;
  padding: .2rem .2rem .3rem .2rem;
  white-space: normal;
  position: relative;
  z-index: 2;
  width: 3.84rem;
  height: 1.39rem;
  margin-top: 0rem;
  margin-right: 0.6rem;
}

.s7-slick.s7-slick2 ul li:nth-child(2n){

  background: url(../images/ico4.png) no-repeat left top ;
  background-size: 100% 100%;
  color: #fff;
  padding: .2rem .15rem .3rem .15rem;
  white-space: normal;
  z-index: 2;
  width: 3.11rem;
  height: 1.39rem;
  margin-top: 0rem;

}


.s7-slick ul li.act a {
  font-weight: bold;
}

.multi-line-clamp {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2; /* 限制显示的行数 */

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: normal; /* 根据你的字体和布局调整行高 */

  max-height: 0.6rem/* 你需要计算这个值，通常是行高乘以行数 */

}

.s7-slick ul li a {
  display: block;
  font-size: 0.18rem;
  line-height: 0.3rem;
  color: #ffffff;
  padding: 0 .2rem;
  white-space: normal; /* 允许文本换行 */
}

.s7-slick2 {
  margin: .35rem 0;
}


.s7-slick ul li.highlight a {
  font-weight: bold;
}




@media (max-width: 980px){

  .s7-block{
    position: relative;
  }

  .s7-block2 {

    background: none;
}

.s7-b2-m{
  padding-top: 0.5rem;
}


.s7-block3{
  position: absolute;
}

.s7-block .cont {
  width: 100%;
  padding: 1rem 0px;
}

.s7-block .contimg {
  left: 2%;
  position: relative;
}

.s7-slick ul li a{
  font-size: 0.22rem;
}

}