img{max-width: 100%;}
html,.main,
body{min-width: 1280px;max-width:1920px;}
.main{position: relative;}
.top_txt{position: absolute;width: 100%;top: 8%; text-align: center;font-size: 34rem;color: #591e07;}
.copyright,
.xhr{text-align: center;position: absolute;width: 100%;bottom: 30rem;color: #ffe1bb;}
.copyright {color: #ffe1bb !important;bottom: 60rem;}
.xhr a{color: #ffe1bb !important;}
.btm_link_btn{position: absolute;width: 100%;bottom: 120rem;display: flex;justify-content: center;}
.btm_link_btn a{ width: 160px;height: 42px;line-height: 42px;text-align: center;color: #fff;font-size: 22px;border-radius: 21px;transition: all .3s;}
.btm_link_btn a:hover{transform: translateY(-8px);}
.btm_link_btn a:nth-child(1){background: #ae5634;}
.btm_link_btn a:nth-child(2){background: #8e3310;margin: 0 17px;}
.btm_link_btn a:nth-child(3){background: #591e07;}

.three{position: absolute;cursor: pointer;width: 103rem;height: 103rem;}
.three img{position: relative;z-index: 2;}
.three1{top: 20%;right:22.5%;}
.three2{top: 45.5%;left: 30.5%;}
.three3{top: 51%;right: 33.8%;}
.three4{top: 65%;left: 25.5%;}

.three1::before,
.three3::before{content: '';position: absolute;top: 50%;margin-top: -1px;right: 130rem;width: 186rem;height: 2px;background: url(../images/line1.png) no-repeat right center;}

.three2::before,
.three4::before{content: '';position: absolute;top: 50%;margin-top: -1px;left: 130rem;width: 186rem;height: 2px;background: url(../images/line2.png) no-repeat left center;}
.three::after{content:"";position: absolute;top: 50%;left: 50%;z-index: 1;width: 128rem;height: 128rem;background: rgba(142,51,16,0.15);transform: translate(-50%,-50%);border-radius: 50%;animation: three 2s linear infinite;}
.pop_up{
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,0.9);
  width: 1310px;
  max-width: 90%;
  padding: 100px 138px 70px;
  border-radius: 30px;
  color: #591e07;
  font-size: 20px;
  box-sizing: border-box;
}
.pop_close{
  position: absolute;
  right: 24px;
  top: 24px;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background-color: #ae5634;
  border-radius: 50%;
  cursor: pointer;
  font-family: \5b8b\4f53;
}
.item{display: none;}
.item .tabs{display: flex;margin-bottom: 40px;}
.item .tabs span{margin-right: 40px;padding-bottom: 4px;cursor: pointer;font-weight: bold;}
.item .tabs span.on{border-bottom: 3px solid #591e07;}
.tab_cont{display: none;max-height:280px;overflow:auto;}
.tab_cont.active{display: block;}
.item1 .tit,
.item4 .tit,
.item3 .tit,
.item2 .tit{font-size: 30px;font-weight: bold;text-align: center;margin-bottom: 30px;}
.item2 .cont{text-align: center;font-weight: bold;}
.item2 .cont span{padding: 0 5px;}
.item3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.item3 ul li{box-sizing: border-box;width: 50%;margin-bottom: 40rem;padding-left: 70rem;}
.item3 ul li span{font-weight: bold;}
.item4 .cont{text-align: center;}
.item4 .cont a{display: inline-block;width: 30px;height: 30px;vertical-align: middle;margin-left: 10px;background: url(../images/rjt.png) no-repeat center;background-size: contain;transition: all .3s;}
.item4 .cont a:hover{transform: translateX(10px);}
@keyframes three{
  0%{
    transform: translate(-50%,-50%) scale(0.7);
  }
  50%{
    transform: translate(-50%,-50%) scale(1);
  }
  100%{
    transform: translate(-50%,-50%) scale(0.7);
  }
}