.bannerhead img {
  display: block;
  width: 100%;
}

.bannerhead .p_box {
  position: relative;
}

.bannerhead .p_box h4 {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  letter-spacing: 21px;
  animation: ydtext 3s infinite;
  animation-iteration-count: 1;
  o-animation: ydtext 3s linear infinite;
}

@keyframes ydtext {
  0% {
    opacity: 0;
    transform: translate(-50%, 0%);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.bannerhead {
  position: relative;
}

.swiper-paginationhead {
  position: absolute;
  bottom: 10%;
  right: 10%;
  z-index: 1;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
  margin: 0 .1875rem;
  width: 10px;
  height: 10px;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active {
  position: relative;
  background-color: #982227;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50px;
  border: 1px solid #982227;
}

.index_bktit {
  font-size: 10px;
}

.introduce_box {
  padding: 1.5rem 0 2.5rem 0;
  box-sizing: border-box;
}

body {
  background-image: url(../image/1.首页/bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  /* background-size: 100% 100%; */
  /* background-color: #f5f0e8; */
}

.index_bktit .l h4 {
  margin: 15px 0 0 0;
  color: #982227;
}

.index_bktit .l h6 {
  font-family: 'MSYHL';
}

.index_bktit .l {
  width: 20%;
}

.index_bktit .r {
  width: 80%;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(49, 49, 49, 0.3);
}

.index_bktit .r a {
  color: #982227 !important;
}

.index_bktit {
  margin: 0 0 1.25rem 0;
}

.appreciate ul li .l h4 {
    margin: 0 0 10px 0;
  writing-mode: vertical-rl;
  letter-spacing: 8px; /* 调整字符间距 */
  color: #313131;
}

.appreciate ul li .l h4::before {
  content: " ";
  display: block;
  margin: .375rem 0 0 0;
  width: 1px;
  height: 1.5375rem;
  background-color: rgba(49, 49, 49, 0.3);
}

.appreciate ul li .l h4::after {
  content: " ";
  display: block;
  width: 1px;
  height: 1.5375rem;
  background-color: rgba(49, 49, 49, 0.3);
}

.appreciate ul li a {
  display: flex;
  align-items: end;
}

/*.appreciate ul li .r .p_box {*/
  /*padding: 5px;*/
  /*box-sizing: border-box;*/
  /*background-color: rgba(0, 0, 0, 0);*/
/*  border: 5px solid rgba(0, 0, 0, 0);*/
/*}*/

.appreciate ul li .r .p_box img {
  display: block;
  width: 100%;
}

.appreciate ul li a:hover .r .p_box {
     border: 5px solid  #982227;
  /*background-color: #982227;*/
  /*transition: all 0.6s;*/
}

.appreciate ul li .l {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  margin: 0 .125rem 0 0;
}

.appreciate ul {
  display: flex;
  flex-wrap: wrap;
}

.appreciate ul li {
  margin: 0 2% .75rem 2%;
  width: 28%;
}

.appreciate ul li .more {
  padding: 0 5px;
  box-sizing: border-box;
  border: 1px solid rgba(49, 49, 49, 0.3);
  color: #982227;
  white-space: nowrap;
}

.appreciate ul li:hover .l h4 {
  color: #982227;
  transition: all 0.6s;
}

.appreciate ul li:hover .more {
  color: #fff;
  background-color: #982227;
  transition: all 0.6s;
}

.works_box {
  padding: 1.25rem 0;
  background: rgba(245, 240, 232, 0.6);
}

.about_box {
  padding: 1.25rem 0;
  background: rgba(245, 240, 232, 0.6);
}

.news ul li a {
  display: flex;
  justify-content: space-between;
  padding: .25rem 15%;
  box-sizing: border-box;
}

.news ul li a .text_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 60%;
}

.news ul li a .p_box {
  width: 25%;
}

.news ul li a .p_box img {
  display: block;
  width: 100%;
}

.news ul li a .text_box h6 {
  padding: 0 0 .25rem 0;
  margin: 0 0 .375rem 0;
  border-bottom: 1px solid rgba(49, 49, 49, 0.3);
  ;
}

.news ul li a .more {
  color: #982227;
}

.news ul li a:hover {
  background: linear-gradient(180deg, rgba(245, 240, 232, 0) 0%, #F5F0E8 35%, #F5F0E8 64%, rgba(245, 240, 232, 0) 100%);
  transition: all 0.6s;
}

.news ul li a:hover .time_box,
.news ul li a:hover .text_box {
  color: #982227;
  transition: all 0.6s;
}

.news ul li a .time_box h5 {
  margin: .3125rem 0 0 0;
  text-align: right;
}

.news ul li a .time_box {
  margin: .125rem 0 0 0;
  width: 10%;
}


.news ul li a .time_box h4::after {
  content: " ";
  display: block;
  width: 130px;
  height: 1px;
  background-color: rgba(49, 49, 49, 0.3);
  transform: rotate(-45deg);
}

.news ul li a:hover .time_box h4::after {
  background-color: #982227;
  transition: all 0.6s;
}

.news_box {
  padding: 1.25rem 0;
  box-sizing: border-box;
  background-image: url(../image/1.首页/bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  /* background-size: 100% 100%; */
}

.about_box .about {
  padding: .75rem 15%;
  box-sizing: border-box;
  background-image: url(../image/1.首页/3.关于我们/关于我们-地纹.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.about_box .about .l {
  padding: .75rem .75rem .75rem .5rem;
  box-sizing: border-box;
  background-color: #982227;
}

.about_box .about .l,
.about_box .about .r {
  width: 50%;
}

.about_box .about .r img {
  display: block;
  width: 100%;
}

.about_box .about .l {
  color: #fff;
}

.about_box .about .l span p {
  text-indent: 2em;
}

.about_box .about .l h4 {
  writing-mode: vertical-rl;
  color: #fff;
}

.about_box .about .l h4::before {
  content: " ";
  display: block;
  margin: .375rem .25rem 0 .25rem;
  width: 1px;
  height: 1.5375rem;
  background-color: #fff;
}

.about_box .about .l h4::after {
  content: " ";
  display: block;
  margin: 0 .25rem 0 .25rem;
  width: 1px;
  height: 1.5375rem;
  background-color: #fff;
}

.about_box .about .l span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}

.about {
  position: relative;
}

.zxlogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1.5rem;
}

.introduce ul li h4 {
  font-size: .225rem;
  writing-mode: vertical-rl;
  letter-spacing: 8px;
}

.introduce ul li h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 500px;
  background-image: url(../image/1.首页/1.个人简介/未选中-框\ 25@1x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  color: #982227;
  cursor: pointer;
}


.introduce ul li {
  margin: 0 30px 0 0;
}

.introduce ul li:last-child {
  margin: 0;
}

.introduce ul li:hover h4 {
  color: #fff;
  transition: all 0.6s;
  background-image: url(../image/1.首页/1.个人简介/选中-框@1x.png);
}

.introduce ul .int_act h4 {
  opacity: 0;
  height: 0;
  width: 0;
  display: none;
}

.introduce ul li .text_box .l,
.introduce ul li .text_box .r {
  width: 49%;
}

.introduce ul li .text_box .l h5 {
  padding: .125rem 1.25rem;
  box-sizing: border-box;
  text-align: center;
  background-image: url(../image/1.首页/1.个人简介/横框.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 80%;
  margin: 0 auto .125rem auto;
  color: #fff;
  white-space: nowrap;
}

.introduce ul li .text_box .l p {
  text-indent: 2em;
}

.introduce ul li .text_box {
  padding: .75rem;
  box-sizing: border-box;
  height: 500px;
  background-image: url(../image/1.首页/1.个人简介/个人简介-框.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: none;
}

.introduce ul .int_act .text_box {
  display: flex;
}

.introduce ul li .text_box .r img {
  display: block;
  width: 100%;
}

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

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

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

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

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

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

@media screen and (max-width: 980px) {
    
    .about_box .about .l h4::before,
    .about_box .about .l h4::after {
        height: 7.5rem;
    }
    
    .zxlogo {
        display: none;
    }
    
    .introduce ul li .text_box {
        padding: 30px 10px 10px 10px;
    }
    
    .introduce ul li {
        width: 100%;
    }
    
    .introduce ul li .text_box .l h5 {
        margin: 0 0 10px 0;
    }
    

.foot .l img {
    width: 40%;
}
    
    .appreciate ul li .l h4::before,
    .appreciate ul li .l h4::after {
        height: 7.5rem;
    }
    
    .news ul li a .time_box {
        margin: 0 5px 0 0;
        font-size: 14px !important;
    }
    
    .news ul li a .text_box {
        margin: 10px 0;
    }
    
 .nav .m a img:nth-child(1) {
     display: none;
 }
    
    .introduce ul li .text_box {
        background-image: url(/skin/image/1.png);
    }
    
        .introduce ul li {
            margin: 0 0 10px 0;
        }
    
    .introduce ul li h4 {
        padding: 5px;
        box-sizing: border-box;
        writing-mode: horizontal-tb;
        width: 100%;
    letter-spacing: 0px;
    height: auto !important;
    background-image: url(/skin/image/3.png);
    }
    
    .introduce ul li:hover h4 {
            background-image: url(../image/1.首页/1.个人简介/横框.png);
    }
    
  .bannerhead {
    margin: 60px 0 0 0;
  }

  .bannerhead .p_box h4 {
    white-space: nowrap;
    letter-spacing: 1px;
  }

  .index_bktit .l,
  .index_bktit .r {
    width: 100%;
  }

  .index_bktit {
    flex-wrap: wrap;
  }

  .introduce ul li .text_box .l,
  .introduce ul li .text_box .r {
    width: 100%;
  }

  .introduce ul li .text_box {
    flex-wrap: wrap;
  }

  .introduce ul li .text_box {
    height: auto;
  }

  .introduce ul li .text_box .l h5 {
    width: 100%;
  }

  .introduce ul {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .introduce ul li {
    margin: 0 0 10px 0;
  }

  .introduce ul li h4 {
    height: 300px;
  }

  .appreciate ul li {
    width: 45%;
  }

  .about_box .about .l,
  .about_box .about .r {
    width: 100%;
  }

  .about_box .about {
    flex-wrap: wrap;
    background-size: 100%;
  }

  .news ul li a .time_box {
    width: 30%;
  }

  .news ul li a .p_box {
    width: 67%;
  }

  .news ul li a .text_box {
    width: 100%;
  }

  .news ul li a {
    flex-wrap: wrap;
  }

  .news ul li a .time_box h4::after {
    width: 50px;
  }

  .news ul li a .more {
    font-size: 16px;
  }

  .news ul li {
    margin: 10px 0;
  }
  
  .index_bktit .r a {
      margin: -20px 0 0 0;
  }
  
      .news ul li a .more {
        font-size: 14px !important;
    }
}

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

@media screen and (max-width: 640px) {
  .appreciate ul li {
    width: 100%;
  }
}

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