*{
    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: 1613px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
    background: url(//x0.ifengimg.com/ucms/special/images/22A8B39F3CE70ED1B7A5B0260B537EFE.jpg) no-repeat center top/auto 100%;
}

/* dy */
.main-dy{
    position: relative;
    width: 100%;
    height: 1682px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
    background: url(//x0.ifengimg.com/ucms/special/images/DB58F90441C377C2569E3C351AD21D64.jpg) no-repeat center top/auto 100%;
}
.diyi{
    position: relative;
    width: 1000px;
    height: 1682px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;

}
.diyi1{
    position: relative;
    width: 461px;
    height: 392x;
    margin: 0 auto;
    min-width: 461px;
    overflow: hidden;
    margin-top: 267px; 
    margin-left: 0px;
}
.diyi2{
    position: relative;
    width: 527px;
    height: 365px;
    margin: 0 auto;
    min-width: 527px;
    overflow: hidden;
    margin-top: 63px;
    margin-left: 6px;
}
.diyi3{
    position: relative;
    width: 464px;
    height: 393px;
    margin: 0 auto;
    min-width: 464px;
    overflow: hidden;
    margin-top: -367px; 
    margin-right: 10px;
}
.diyi4{
    position: relative;
    width: 468px;
    height: 393x;
    margin: 0 auto;
    min-width: 468px;
    overflow: hidden;
    margin-top: 50px; 
    margin-left: -10px;
}
.diyi5{
    position: relative;
    width: 529px;
    height: 386x;
    margin: 0 auto;
    min-width: 464px;
    overflow: hidden;
    margin-top: -388px; 
    margin-right: 13px;
}

/* one */
.main-one{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: 1024px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(//x0.ifengimg.com/ucms/special/images/17D45CF8CE0A80A3F855C6727FC42A0E.jpg) no-repeat center top;
}
.dier{
    position: relative;
    width: 1000px;
    height: 1024px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
}

/* 外层容器 - PC端固定尺寸 */
.wrap {
  width: 980px;
  height: 565px;
  margin: 50px auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* 防止内容溢出 */
  margin-top: 360px; 
}

/* 图片卡片 - PC端固定尺寸 */
.img-card {
  width: 554px;
  height: 506px;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  transition: all 0.5s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.img-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 底部蓝色遮罩 */
.mask {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 200px;
  background-color: rgba(24, 119, 242, 0.85);
  padding: 12px 15px;
  box-sizing: border-box;
}

.desc-text {
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 8px 0;
}

.more-link {
  color: #ffffff;
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
}
.more-link:hover {
  text-decoration: underline;
}

/* PC端位置样式 遮挡1/3 */
.card-left {
  transform: scale(0.85) translateX(225px);
  z-index: 1;
  opacity: 0.8;
}
.card-center {
  transform: scale(1.15);
  z-index: 3;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
.card-right {
  transform: scale(0.85) translateX(-225px);
  z-index: 1;
  opacity: 0.8;
}

/* 切换按钮 PC端 */
.btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0,0,0,0.4);
  color: #fff;
  border: none;
  font-size: 18px;
  cursor: pointer;
  z-index: 10;
  transition: background 0.2s;
}
.btn:hover {
  background: rgba(0,0,0,0.6);
}
.prev {
  left: 20px;
}
.next {
  right: 20px;
}

/* ========== 移动端适配 屏幕宽度≤768px ========== */
@media screen and (max-width: 768px) {
  /* 外层容器自适应宽度，高度按比例缩小 */
  .wrap {
    width: 100%;
    height: 380px;
    margin: 20px 0;
  }

  /* 卡片整体缩小，适配手机屏幕 */
  .img-card {
    width: 80%;
    height: 340px;
  }

  /* 移动端重新设置缩放与位移，保证遮挡+不溢出 */
  .card-left {
    transform: scale(0.75) translateX(25%);
  }
  .card-center {
    transform: scale(1.05);
  }
  .card-right {
    transform: scale(0.75) translateX(-25%);
  }

  /* 遮罩、文字缩小适配 */
  .mask {
    height: 70px;
    padding: 8px 10px;
  }
  .desc-text {
    font-size: 12px;
  }
  .more-link {
    font-size: 11px;
  }

  /* 按钮缩小，位置微调 */
  .btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  .prev {
    left: 10px;
  }
  .next {
    right: 10px;
  }
}



/* two */
.main-two{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: 866px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(//x0.ifengimg.com/ucms/special/images/9C22EC9F01038D4FB071609D920FD290.jpg) no-repeat center top;
}

.disan{
    position: relative;
    width: 1000px;
    height: 866px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
}
.disan1{
    position: relative;
    width: 495px;
    height: 635px;
    margin: 0 auto;
    min-width: 495px;
    overflow: hidden;
    padding-top: 195px; 
    margin-left: 0px;
}
.disan2{
    position: relative;
    width: 495px;
    height: 635px;
    margin: 0 auto;
    min-width: 495px;
    overflow: hidden;
    margin-top: -636px; 
    margin-right: 5px;
}

/* three */
.main-three{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: 1669px;
    /* padding-top: 44px; */
    margin: 0 auto;
    background: url(//x0.ifengimg.com/ucms/special/images/8A8A93456732F96C0F5AB3ABFC16B156.jpg) no-repeat center top;
}

.disi{
    position: relative;
    width: 1000px;
    height: 1669px;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
}
.disi1{
    position: relative;
    width: 982px;
    height: 301px;
    margin: 0 auto;
    min-width: 982px;
    overflow: hidden;
    margin-top: 145px; 
    margin-left: 9px;
}
.disi2{
    position: relative;
    width: 980px;
    height: 323px;
    margin: 0 auto;
    min-width: 980px;
    overflow: hidden;
    margin-top: 45px; 
    margin-left: 9px;
}
.disi3{
    position: relative;
    width: 981px;
    height: 330px;
    margin: 0 auto;
    min-width: 981px;
    overflow: hidden;
    margin-top: 25px; 
    margin-left: 8px;
}
.disi4{
    position: relative;
    width: 981px;
    height: 330px;
    margin: 0 auto;
    min-width: 981px;
    overflow: hidden;
    margin-top: 10px; 
    margin-left: 8px;
}