*{
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none;
    color: #000;
    /* background-color: #524300;  */
    /* 鼠标悬停时的背景颜色 */
}

a:active {
    /* background-color: #524300;  */
    /* 点击后的背景颜色 */
    color: #000;
}

a:hover {
    text-decoration: underline;
    color: #e9381c;
    /* background-color: #524300;  */
    /* 鼠标悬停时的背景颜色 */
}

h4,p{
    text-align: justify;
    /* font-family: "宋体"; */
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html, body{
    box-sizing: border-box;
    width: 100%;
    min-width: 1000px;                                                                                                                                                                           
    height: auto;
    overflow-x: hidden;
}

.main-all{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: auto;
    margin: 0 auto;
}

/* banner */
.main-banner{
    position: relative;
    width: 100%;
    height: 853px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
    background: url(../img/top.jpg) no-repeat center top/auto 100%;
}

/* dy */
.main-dy{
    position: relative;
    width: 100%;
    height: 745x;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
    background: url(../img/dy.jpg) no-repeat center top/auto 100%;
}
.diyi{
    position: relative;
    width: 1000px;
    height: 745px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;

}
.diyi1{
    position: relative;
    width: 383px;
    height: 67x;
    margin: 0 auto;
    min-width: 383px;
    overflow: hidden;
    margin-top: 572px; 
    margin-left: 155px;
}

/* one */
.main-one{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: 1221px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(../img/er.jpg) no-repeat center top;
}
.dier{
    position: relative;
    width: 1000px;
    height: 1221px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
}
.dier1{
    position: relative;
    width: 385px;
    height: 187x;
    margin: 0 auto;
    min-width: 385px;
    overflow: hidden;
    margin-top: 444px; 
    margin-left: 72px;
}
.dier2{
    position: relative;
    width: 446px;
    height: 250x;
    margin: 0 auto;
    min-width: 313px;
    overflow: hidden;
    margin-top: -224px; 
    margin-left: 471px;
}

/* two */
.main-two{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: 1075px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(../img/san.jpg) no-repeat center top;
}

.disan{
    position: relative;
    width: 1000px;
    height: 1075px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
}
.disan1{
    position: relative;
    width: 856px;
    height: 91px;
    margin: 0 auto;
    min-width: 856px;
    overflow: hidden;
    padding-top: 350px; 
    margin-left: 70px;
}

/* three */
.main-three{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: 1157px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(../img/si.jpg) no-repeat center top;
}

.disi{
    position: relative;
    width: 1000px;
    height: 1157px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
}
.disi1{
    position: relative;
    width: 442px;
    height: 249px;
    margin: 0 auto;
    min-width: 442px;
    overflow: hidden;
    margin-top: 706px; 
    margin-left: 126px;
}

/* three */
.main-si{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: 1489px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(../img/wu.jpg) no-repeat center top;
}

.diwu{
    position: relative;
    width: 1000px;
    height: 1489px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
}
.diwu1{
    position: relative;
    width: 851px;
    height: 80px;
    margin: 0 auto;
    min-width: 851px;
    overflow: hidden;
    margin-top: 380px; 
    margin-left: 78px;
}
.diwu2{
    position: relative;
    width: 405px;
    height: 228px;
    margin: 0 auto;
    min-width: 405px;
    overflow: hidden;
    margin-top: 115px; 
    margin-left: 149px;
}
.diwu3{
    position: relative;
    width: 236px;
    height: 51px;
    margin: 0 auto;
    min-width: 236px;
    overflow: hidden;
    margin-top: 371px; 
    margin-left: 138px;
}
.diwu4{
    position: relative;
    width: 236px;
    height: 51px;
    margin: 0 auto;
    min-width: 401px;
    overflow: hidden;
    margin-top: 7px; 
    margin-left: 138px;
}
.diwu5{
    position: relative;
    width: 236px;
    height: 51px;
    margin: 0 auto;
    min-width: 237px;
    overflow: hidden;
    margin-top: 5px; 
    margin-left: 138px;
}
.diwu6{
    position: relative;
    width: 235px;
    height: 412px;
    margin: 0 auto;
    min-width: 235px;
    overflow: hidden;
    margin-top: 150px; 
    margin-right: 110px;
}

/* three */
.main-wu{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: 1873px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(../img/liu.jpg) no-repeat center top;
}

.diliu{
    position: relative;
    width: 1000px;
    height: 1873px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
}

.diliu1{
    position: relative;
    width: 621px;
    height: 222px;
    margin: 0 auto;
    min-width: 621px;
    overflow: hidden;
    margin-top: 380px; 
    margin-left: 65px;
}
.diliu2{
    position: relative;
    width: 426px;
    height: 239px;
    margin: 0 auto;
    min-width: 426px;
    overflow: hidden;
    margin-top: 85px; 
    margin-right: 88px;
}
.diliu3{
    position: relative;
    width: 351px;
    height: 527px;
    margin: 0 auto;
    min-width: 351px;
    overflow: hidden;
    margin-top: 136px; 
    margin-left: 100px;
}
.slide-box {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.slide-list {
  display: flex;
  transition: transform 0.6s ease;
}
.slide-item {
  flex: 0 0 100%;
}
.slide-item img {
  width: 100%;
  display: block;
  /* 无圆角，删掉border-radius */
}
/* 新增：左右切换箭头 */
.slide-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  z-index: 2;
  transition: background 0.3s;
}
.slide-btn:hover {
  background: rgba(0, 0, 0, 0.65);
}
.slide-prev { left: 12px; }
.slide-next { right: 12px; }