.oriItem{
    position: relative;
    display: none;
}
.oriItem.active{
    display: block;
}
.oriPart1 {
  width: 100%;
  height: 100vh;
  display: flex;
}
.oriPart1 .item {
  width: 50%;
  height: 100%;
  background-size: cover;
  position: relative;
}

.oriPart1 .item:first-child {
  background-image: url(../img/oriimg1.png);
}

.oriPart1 .item:last-child {
  background-image: url(../img/oriimg2.png);
}

.oriPart1 .cir {
  width: 2.46rem;
  height: 2.46rem;
  position: relative;
  left: 50%;
  top: 57%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 10;
}

.oriPart1 .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.49);
}

.oriPart1 .item.active .cir {
  background: rgba(0, 0, 0, 0.33);
  border: 0.01rem dotted rgba(255, 255, 255, 0.3);
}

.oriPart1 .item.active .mask {
  opacity: 0;
}

.oriPart1 .tit {
  font-family: Douyin Sans;
  font-weight: bold;
  font-size: 0.5rem;
  color: #ffffff;
}

.oriPart1 .line {
  width: 1.31rem;
  height: 0.03rem;
  background: #ffffff;
  margin: 0.18rem 0;
}

.oriPart1 .en {
  font-family: Source Han Sans CN-Light;
  font-weight: 300;
  font-size: 0.5rem;
  color: #ffffff;
}

.oriPart2 {
  width: 100%;
  position: relative;
}

.oriPart2 > img {
  width: 100%;
}

.oriPart2 .line {
  width: 0rem;
  height: 1.72rem;
  border: 0.02rem solid #725024;
  position: absolute;
  left: 2.61rem;
  top: 1.25rem;
}
.oriPart2 .tit {
  font-family: Douyin Sans;
  font-weight: bold;
  font-size: 0.34rem;
  color: #28282b;
  position: absolute;
  left: 2.97rem;
  top: 1.18rem;
}

.oriPart2 .cir {
  position: absolute;
  width: 0.13rem;
  height: 0.13rem;
  background: rgba(114, 80, 36, 0.35);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 10;
}
.oriPart2 .cir-c {
  position: relative;
  width: 0.05rem;
  height: 0.05rem;
  background: #725024;
  border-radius: 50%;
}

.oriPart2 .cir.cir1 {
  left: 3.34rem;
  top: 4rem;
}

.oriPart2 .txt {
  font-family: Source Han Sans CN-Light;
  font-weight: 300;
  font-size: 0.12rem;
  color: #28282b;
  position: absolute;
  z-index: 10;
}
.oriPart2 .txt:hover {
  color: rgba(114, 80, 36, 1);
}
.oriPart2 .txt.txt1 {
  left: 2.67rem;
  top: 3.82rem;
}

.oriPart2 .cir.cir2 {
  left: 9.03rem;
  top: 3.67rem;
}

.oriPart2 .txt.txt2 {
  left: 8rem;
  top: 3.64rem;
}

.oriPart2 .cir.cir3 {
  left: 9.47rem;
  top: 3.93rem;
}
.oriPart2 .txt.txt3 {
  left: 7.68rem;
  top: 3.93rem;
}
.oriPart2 .cir.cir4 {
  left: 9.2rem;
  top: 4.25rem;
}
.oriPart2 .txt.txt4 {
  left: 7.91rem;
  top: 4.25rem;
}
.oriPart2 .cir.cir5 {
  left: 10.14rem;
  top: 3.82rem;
}
.oriPart2 .txt.txt5 {
  left: 10.33rem;
  top: 3.82rem;
}
.oriPart2 .cir.cir6 {
  left: 10.18rem;
  top: 4.02rem;
}
.oriPart2 .txt.txt6 {
  left: 10.38rem;
  top: 4.02rem;
}
.oriPart2 .cir.cir7 {
  left: 10.18rem;
  top: 4.19rem;
}
.oriPart2 .txt.txt7 {
  left: 10.38rem;
  top: 4.19rem;
}

.oriPart2 .cir.cir8 {
  left: 10.41rem;
  top: 5.21rem;
}
.oriPart2 .txt.txt8 {
  left: 9.64rem;
  top: 5.21rem;
}

.oriPart2 .cir.cir9 {
  left: 12.51rem;
  top: 3.19rem;
}
.oriPart2 .txt.txt9 {
  left: 12.69rem;
  top: 3.19rem;
}
.oriPart2 .cir.cir10 {
  left: 14.4rem;
  top: 4.24rem;
}
.oriPart2 .txt.txt10 {
  left: 13.02rem;
  top: 4.23rem;
}
.oriPart2 .cir.cir11 {
  left: 14.87rem;
  top: 4.35rem;
}
.oriPart2 .txt.txt11 {
  left: 15.04rem;
  top: 4.34rem;
}
.oriPart2 .cir.cir12 {
  left: 13.29rem;
  top: 4.7rem;
}
.oriPart2 .txt.txt12 {
  left: 12.17rem;
  top: 4.69rem;
}

.oriPart2 .cir.cir13 {
  left: 14.42rem;
  top: 4.82rem;
}
.oriPart2 .txt.txt13 {
  left: 14.63rem;
  top: 4.81rem;
}

.oriPart2 .cir.cir14 {
  left: 14.53rem;
  top: 4.98rem;
}
.oriPart2 .txt.txt14 {
  left: 14.72rem;
  top: 4.97rem;
}
.oriPart2 .cir.cir15 {
  left: 14.57rem;
  top: 5.14rem;
}
.oriPart2 .txt.txt15 {
  left: 14.75rem;
  top: 5.15rem;
}
.oriPart2 .cir.cir16 {
  left: 14.17rem;
  top: 5.27rem;
}
.oriPart2 .txt.txt16 {
  left: 13.15rem;
  top: 5.27rem;
}

.oriPart2 .cir.cir17 {
  left: 14.3rem;
  top: 5.45rem;
}
.oriPart2 .txt.txt17 {
  left: 13.42rem;
  top: 5.44rem;
}

.oriPart2 .cir.cir18 {
  left: 14.13rem;
  top: 5.65rem;
}
.oriPart2 .txt.txt18 {
  left: 14.28rem;
  top: 5.64rem;
}

.oriPart2 .bgCir1,
.oriPart2 .bgCir2,
.oriPart2 .bgCir3 {
  position: absolute;
  width: 1.27rem;
  height: 1.27rem;
  border-radius: 50%;
  left: 2.52rem;
  top: 3.37rem;
  border: 1px dotted rgba(183, 183, 183, 1);
}

.oriPart2 .bgCir2 {
  width: 4.27rem;
  height: 4.27rem;
  left: 7.63rem;
  top: 1.97rem;
}
.oriPart2 .bgCir3 {
  width: 5.03rem;
  height: 5.03rem;
  left: 11.57rem;
  top: 1.89rem;
}
.oriPart2 .an1 {
  animation: oriAn1 2.5s infinite linear;
}

@keyframes oriAn1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(0.7);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

.oriPart2 .an2 {
  animation: oriAn1 3.5s infinite linear;
}
.oriPart2 .an3 {
  animation: oriAn3 3s infinite linear;
}

@keyframes oriAn3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(0.55);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}

.oriPart3 {
  display: flex;
}

.oriPart3 .left {
  width: 10.57rem;
  background: #f3f3f3;
  padding: 0.65rem 0 0.6rem 2.66rem;
  position: relative;
}

.oriPart3 .tab {
  width: 6.68rem;
  display: flex;
  border-bottom: 0.01rem solid #707070;
  gap: 0.89rem;
}

.oriPart3 .tab > div {
  font-family: Douyin Sans;
  font-weight: bold;
  font-size: 0.34rem;
  color: #28282b;
  padding-bottom: 0.3rem;
  position: relative;
  cursor: pointer;
}

.oriPart3 .tab > div.active::after {
  content: "";
  width: 100%;
  height: 0.04rem;
  background: linear-gradient(90deg, #9f7d62 0%, #42210b 100%);
  position: absolute;
  left: 0;
  bottom: 0;
}

.oriPart3 .item {
  width: 6.69rem;
  margin-top: 1rem;
  display: none;
  position: relative;
}

.oriPart3 .item.active {
  display: block;
}

.oriPart3 .swiper {
  width: 100%;
  height: 4.69rem;
  position: relative;
}

.oriPart3 .txt1 {
  font-family: Douyin Sans;
  font-weight: bold;
  font-size: 0.34rem;
  color: #28282b;
}
.oriPart3 .txt2 {
  font-family: Source Han Sans CN-Light;
  font-weight: 300;
  font-size: 0.18rem;
  color: #28282b;
  line-height: 0.3rem;
  margin-top: 0.27rem;
  height: 3rem;
}
.oriPart3 .prev,
.oriPart3 .next {
  position: absolute;
  left: 5.8rem;
  bottom: 0rem;
  width: 0.69rem;
  z-index: 10;
  cursor: pointer;
}
.oriPart3 .prev > img {
  transform: rotate(-180deg);
  display: block;
}
.oriPart3 .next {
  left: 6.53rem;
}
.oriPart3 .next > img {
  display: block;
}
.oriPart3 .prev.swiper-button-disabled,
.oriPart3 .next.swiper-button-disabled {
  filter: grayscale(1);
  opacity: 0.4;
}
.oriPart3 .pag {
  position: absolute;
  left:0;
  bottom: 0rem;
}
.oriPart3 .swiper-pagination-total {
  font-family: Douyin Sans;
  font-weight: bold;
  font-size: 0.2rem;
  color: #949494;
}
.oriPart3 .swiper-pagination-current {
  font-family: Douyin Sans;
  font-weight: bold;
  font-size: 0.2rem;
  color: #28282b;
}

.oriPart3 .right {
  width: 8.71rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.oriPart3 .tit {
  display: flex;
  gap: 0.42rem;
}

.oriPart3 .tit > span {
  font-family: Douyin Sans;
  font-weight: bold;
  font-size: 0.34rem;
  color: #28282b;
}
.oriPart3 .img1 {
  width: 100%;
  display: block;
}

.oriPart3 .img2 {
  position: absolute;
  right: 2.8rem;
  top: 0.65rem;
  width: 1.5rem;
}

.oriPart4 {
  padding: 3.44rem 0 1.71rem;
  position: relative;
  gap: 1.75rem;
  display: flex;
}

.oriPart4 .tit {
  position: relative;
  padding-top: 0.44rem;
  font-family: Douyin Sans;
  font-weight: bold;
  font-size: 0.34rem;
  color: #28282b;
}
.oriPart4 .tit::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.06rem;
  background: linear-gradient(90deg, #9f7d62 0%, #42210b 100%);
}

.oriPart4 .right {
  width: 10.55rem;
}

.oriSwiper3,
.oriSwiper6
{
  width: 100%;
  overflow: hidden;
}

.oriPart4 .list {
  width: 100%;
  display: flex;
  column-gap: 0.56rem;
  row-gap: 0.39rem;
  position: relative;
  flex-wrap: wrap;
}
.oriPart4 .list > li {
  width: 3.14rem;
  height: 3.14rem;
  position: relative;
  list-style: none;
  overflow: hidden;
}
.oriPart4 .list > li > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.oriPart4 .list .mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  /* top: 0; */
  top: 2.62rem;
  transition: all 0.6s;
  opacity: 1 !important;
  transform: translate(0,0) !important;
}

.oriPart4 .list .txtBox {
  width: 100%;
  position: absolute;
  left: 0rem;
  padding-left: 0.22rem;
  /* top: 1.66rem; */
  top: 2.8rem;
  transition: all 0.6s;
  opacity: 1 !important;
  transform: translate(0,0) !important;
}

.oriPart4 .list>li:hover .mask{
  top: 0;
}
.oriPart4 .list>li:hover .txtBox{
  top: 1.66rem;
}
.oriPart4 .list .txt1 {
  padding-left: 0.12rem;
  border-left: 2px solid #fff;
  font-family: Douyin Sans;
  font-weight: bold;
  font-size: 0.16rem;
  color: #ffffff;
  padding-top: 0.02rem;
}
.oriPart4 .list .txt2 {
  font-family: Source Han Sans CN-Light;
  font-weight: 300;
  font-size: 0.16rem;
  color: #ffffff;
  margin-top: 0.17rem;
  padding-left: 0.14rem;
}

.oriPart4 .list .txt2 + .txt2{
  margin-top: 0.05rem;
}
.oriPart4 .line{
  width: 2.36rem;
  display: block;
  margin-top: 0.2rem;
}

.oriPag3,.oriPag6{
  width: 100%;
  margin-top: 0.39rem;
  position: relative !important;
}

.oriPag3 .swiper-pagination-progressbar-fill,
.oriPag6 .swiper-pagination-progressbar-fill
{
  background-color: rgba(0, 0, 0, 1) !important;

}
.oriPag3,
.oriPag6
{
      opacity: 1 !important;
  transform: translate(0,0) !important;
}
.oriPart4 .left{
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
.oriPart4 .nav{
  width: 1.42rem;
  gap: 0.04rem;
  display: flex;
}

.oriPart4 .prev,
.oriPart4 .next {
  width: 0.69rem;
  z-index: 10;
  cursor: pointer;
}
.oriPart4 .prev > img {
  transform: rotate(-180deg);
  display: block;
}

.oriPart4 .next > img {
  display: block;
}
.oriPart4 .prev.swiper-button-disabled,
.oriPart4 .next.swiper-button-disabled {
  filter: grayscale(1);
  opacity: 0.4;
}





.map_img{
    display: none;
}
@media only screen and (max-width:1042px) {
    .oriPart1 .item{
        background-size: contain;
        background-position: center;
    }
    .oriPart1 .cir{
        top: 50%;
    }
    
    
    
    
    .oriPart2{
        padding: 0.6rem 0 0;
    }
    .oriPart2 .cir,
    .oriPart2 .txt,
    .oriPart2 .bgCir1, .oriPart2 .bgCir2, .oriPart2 .bgCir3,
    .oriPart2 > img{
        display: none;
    }
    .oriPart2 .tit{
        position: initial;
        text-align: center;
        margin-bottom: 0.4rem;
    }
    .oriPart2 .line{
        display: none;
    }
    .map_img{
        display: block;
    }
    
    
    
    
    
    
    .oriPart3{
        padding-top: 1rem;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .oriPart3 .tit{
        margin-bottom: 0.4rem;
       
    }
    .oriPart3 .left,
    .oriPart3 .right{
        width: 100%;
    }
    .oriPart3 .left{
        padding: 0.4rem 3%;
    }
    .oriPart3 .tab,
    .oriPart3 .item{
        width: 100%;
    }
    .oriPart3 .item{
        margin-top: 0.4rem;
         padding-bottom: 1.5rem;
    }
    .oriPart3 .txt2{
        font-size: 14px;
        line-height: 1.6;
    }
    .oriPart3 .pag{
        width: auto;
    }
    .oriPart3 .swiper-pagination-current,
    .oriPart3 .swiper-pagination-total{
        font-size: 18px;
    }
    .oriPart3 .prev{
        left: auto;
        right: 0.75rem;
    }
    .oriPart3 .next{
        left: auto;
        right: 0rem;
    }
    
    
    
    
    
    
    .oriPart4{
        display: block;
        padding: 1.2rem 0;
    }
    .oriPart4 .left{
        flex-direction: row;
        margin-bottom: 0.6rem;
    }
    .oriPart4 .right{
        width: 100%;
    }
    .oriPart4 .list .txt1,
    .oriPart4 .list .txt2{
        font-size: 16px;
    }
    .oriPart4 .list .txtBox{
        top: 2.7rem;
    }
    .oriPart4 .list>li:hover .txtBox {
        top: 0.66rem;
    }
    .oriPart4 .list{
        column-gap: 0.39rem;
    }
    .oriPart4 .list > li{
        width: calc(50% - 0.2rem);
    }
    
    
    .oriPart4 .swiper-slide:last-child .list > li:last-child > img{
        object-fit: contain;
    }
}