@import '../utils/reset.less';
@import './component/foot.less';
@import './component/head.less';
@import './component/variable.less';
@import './component/parter.less';
@import './component/banner.less';

#banner {
  .banner300();
  background: #232b35 url('../../images/20230421/banner-adout-dj.png') no-repeat
    center center;
  background-size: cover;
}

#manager {
  .title-img-guanli {
    margin: 0 auto;
    margin-top: 32px;
    width: 1250px;
    height: 869px;
    background: url('../../images/20230421/about-us/7.png') no-repeat 0 0;
    background-size: cover;
  }
}

.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 100vw;
  // height: 8084px;
  overflow: hidden;
}

.group_2 {
  width: 100vw;
  // height: 2536px;
}

.text_1 {
  width: 126px;
  height: 44px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 32px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 44px;
  margin: 60px auto;
  margin-bottom: 0;
}

.section_box {
  width: 1220px;
  height: 397px;
  margin: 42px auto;
  // overflow-x: auto;
  overflow: hidden; /* 隐藏溢出内容 */
  position: relative;
}
.scroll-content {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  animation: scroll 50s linear infinite; /* 40秒完成一次循环，可根据需要调整 */
}

.scroll-yin2 {
  width: 124px;
  height: 397px;
  background: linear-gradient(
    90deg,
    rgba(238, 238, 238, 0) 0%,
    rgba(216, 216, 216, 0.26) 60%,
    #eee 100%
  );
  position: absolute;
  right: 0;
  top: 0;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* 移动一半宽度，因为内容复制了一份 */
  }
}

/* 保持原有的样式 */
.sectio_2,
.sectio_3,
.sectio_4,
.sectio_5,
.sectio_6,
.sectio_7,
.sectio_8,
.sectio_9,
.sectio_10,
.sectio_11,
.sectio_12,
.sectio_13,
.sectio_14,
.sectio_15 {
  width: 255px;
  height: 397px;
  margin-left: 24px;
  flex-shrink: 0; /* 防止项目缩小 */
}

.sectio_3 {
  background: url(../../images/20230421/party/s-4.png) no-repeat;
  background-size: 100% 100%;
}

.sectio_2 {
  background: url(../../images/20230421/party/s-5.png) no-repeat;
  background-size: 100% 100%;
}

.sectio_4 {
  background: url(../../images/20230421/party/s-16.jpg) no-repeat;
  background-size: 100% 100%;
}

.sectio_7 {
  background: url(../../images/20230421/party/s-7.png) no-repeat;
  background-size: 100% 100%;
}

.sectio_5 {
  background: url(../../images/20230421/party/s-8.png) no-repeat;
  background-size: 100% 100%;
}

.sectio_6 {
  background: url(../../images/20230421/party/s-9.png) no-repeat;
  background-size: 100% 100%;
}

.sectio_8 {
  background: url(../../images/20230421/party/s-10.png) no-repeat;
  background-size: 100% 100%;
}

.sectio_9 {
  background: url(../../images/20230421/party/s-11.png) no-repeat;
  background-size: 100% 100%;
}

.sectio_10 {
  background: url(../../images/20230421/party/s-14.jpg) no-repeat;
  background-size: 100% 100%;
}

.sectio_11 {
  background: url(../../images/20230421/party/s-15.png) no-repeat;
  background-size: 100% 100%;
}

.sectio_12 {
  background: url(../../images/20230421/party/s-17.png) no-repeat;
  background-size: 100% 100%;
}
.sectio_13 {
  background: url(../../images/20230421/party/s-18.png) no-repeat;
  background-size: 100% 100%;
}
.sectio_14 {
  background: url(../../images/20230421/party/s-6.png) no-repeat;
  background-size: 100% 100%;
}
.sectio_15 {
  background: url(../../images/20230421/party/s-19.png) no-repeat;
  background-size: 100% 100%;
}
.section_6 {
  background-color: rgba(245, 247, 250, 1);
  width: 100vw;
  // height: 869px;
  margin-top: 80px;
}

.text_2 {
  // width: 189px;
  // height: 44px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 32px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  // text-align: right;
  white-space: nowrap;
  // line-height: 44px;
  margin: 72px auto;
  margin-bottom: 0;
}
.text_9 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 16px;
  color: #333;
}
.block_1 {
  width: 1057px;
  height: 591px;
  // background: url(https://lanhu-oss-proxy.lanhuapp.com/SketchPng0d9ed96fdde909daa8cf33fe4b54367d7d321f97266e24a8cad8795d3878a07a)
  //   0px 0px no-repeat;
  // background-size: 1057px 591px;
  margin: 42px auto;
  margin-top: 32px;
}

.image_1 {
  width: 100%;
  height: 100%;
  // width: 113px;
  // height: 113px;
  // margin: 239px 0 0 472px;
}

.text_3 {
  width: 768px;
  height: 32px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 32px;
  margin: 183px 0 24px 215px;
  display: none;
}

.block_2 {
  width: 1057px;
  height: 38px;
  margin: 40px auto;
}

.image-text_1 {
  width: 213px;
  height: 38px;
}

.label_1 {
  width: 46px;
  height: 38px;
}

.text-group_1 {
  width: 157px;
  height: 32px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 32px;
  margin-top: 3px;
}

.image-text_2 {
  width: 213px;
  height: 38px;
  // margin-left: 84px;
}

.label_2 {
  width: 46px;
  height: 38px;
}

.text-group_2 {
  width: 157px;
  height: 32px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 32px;
  margin-top: 3px;
}

.image-text_3 {
  width: 213px;
  height: 38px;
  // margin-left: 84px;
}

.label_3 {
  width: 46px;
  height: 38px;
}

.text-group_3 {
  width: 157px;
  height: 32px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 32px;
  margin-top: 3px;
}

.image-text_4 {
  width: 213px;
  height: 38px;
  // margin-left: 84px;
}

.label_4 {
  width: 46px;
  height: 38px;
}

.text-group_4 {
  width: 157px;
  height: 32px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  line-height: 32px;
  margin-top: 3px;
}

.text_4 {
  // width: 126px;
  // height: 44px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 32px;
  font-family: AlibabaPuHuiTiM;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  // line-height: 44px;
  margin: 74px auto;
  margin-bottom: 0;
}

.section_7 {
  // width: 1100px;
  height: 571px;
  margin: 40px auto;
}

.group_3 {
  background: url(../../images/20230421/party/s-1.png) no-repeat;
  background-size: 100% 100%;
  height: 571px;
  width: 398px;
}

.box_1 {
  width: 398px;
  height: 354px;
  background: url(../../images/20230421/party/s-13.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-top: 217px;
}

.paragraph_1 {
  width: 305px;
  height: 70px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: AlibabaPuHuiTiH;
  font-weight: normal;
  text-align: left;
  line-height: 35px;
  margin: 182px 0 0 24px;
}

.image_2 {
  width: 62px;
  height: 1px;
  margin: 14px 0 0 24px;
}

.text_5 {
  width: 301px;
  height: 32px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 32px;
  margin: 32px 0 23px 24px;
}

.group_4 {
  background: url(../../images/20230421/party/s-2.png) no-repeat;
  background-size: 100% 100%;
  height: 571px;
  margin-left: 23px;
  width: 398px;
}

.group_5 {
  width: 398px;
  height: 354px;
  background: url(../../images/20230421/party/s-13.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-top: 217px;
}

.paragraph_2 {
  width: 194px;
  height: 70px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: AlibabaPuHuiTiH;
  font-weight: normal;
  text-align: left;
  line-height: 35px;
  margin: 182px 0 0 24px;
}

.image_3 {
  width: 62px;
  height: 1px;
  margin: 14px 0 0 24px;
}

.text_6 {
  width: 242px;
  height: 32px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 32px;
  margin: 32px 0 23px 24px;
}

.group_6 {
  background: url(../../images/20230421/party/s-3.png) no-repeat;
  background-size: 100% 100%;
  height: 571px;
  margin-left: 23px;
  width: 398px;
}

.section_8 {
  width: 398px;
  height: 354px;
  background: url(../../images/20230421/party/s-13.png) 100% no-repeat;
  background-size: 100% 100%;
  margin-top: 217px;
}

.paragraph_3 {
  width: 169px;
  height: 70px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: AlibabaPuHuiTiH;
  font-weight: normal;
  text-align: left;
  line-height: 35px;
  margin: 182px 0 0 24px;
}

.image_4 {
  width: 62px;
  height: 1px;
  margin: 14px 0 0 24px;
}

.image_24 {
  width: 62px;
  height: 1px;
  margin: 14px 0 0 24px;
  border-bottom: 1px solid #fff;
}

.text_7 {
  width: 197px;
  height: 32px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: AlibabaPuHuiTiR;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 32px;
  margin: 32px 0 23px 24px;
}

.group_7 {
  background-color: rgba(216, 216, 216, 1);
  width: 1920px;
  height: 1347px;
  margin: -1px 0 3838px 0;
}

.list_1 {
  width: 940px;
  height: 397px;
  margin: 62px 0 0 340px;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}