.index {
  min-width: 1200px;
}

.swiper-slide img {
  width: 100%;
}

.swiper {
  /* 单独设置按钮颜色 */
  --swiper-navigation-color: #E6E3DC;
  /* 设置按钮大小 */
  --swiper-navigation-size: 40px;
  /* 分页器颜色 */
  --swiper-theme-color: rgba(255, 255, 255, .8);
}

.swiper-button-next,
.swiper-button-prev {
  opacity: .5;
  color: #fff;
}

.sdjd {
  margin: 20px 10%;
}

.sdjd-fenlei {
  display: flex;
  justify-self: center;
  align-self: center;
  margin: 80px 0;
}

.sdjd-fenlei div {
  flex: 1;
  text-align: center;
}

.sdjd-fenlei img {
  width: 90%;
  cursor: pointer;
}

.cpfl {
  background: url('../images/cpfl_bg.jpg') 100% 100% no-repeat;
  padding: 200px 200px;
  background-position: 50% 30px;
  background-size: cover;
}

.cpfl-index {
  background-color: rgba(255, 255, 255, .9);
}

.cpfl-main {
  padding: 5% 10% 4%;
  display: flex;
  align-items: flex-start;
}

.cpfl-main img {
  flex: 1;
}

.cpfl-main .content {
  flex: 6;
  margin-left: 30px;
}

.cpfl-main .content p {
  margin: 10px 0;
}

.cpfl-main .content .main-title {
  color: #AC8665;
  font-size: 35px;
}

.cpfl-main .content .main-subtitle {
  color: #AC8665;
  font-size: 14px;
}

.cpfl-main .content .content-zh {
  font-size: 12px;
}

.cpfl-main .content .content-en {
  font-size: 12px;
}

.logoqiang {
  display: flex;
  flex-wrap: wrap;
  /* padding: 0 10% 2%; */
  padding: 0 10%;
  height: 18vw;
  min-height: 200px;
  overflow: hidden;
}

.logoqiang .box {
  flex-basis: 20%;
  padding: 10px 0;
  text-align: center;
}


.btn-list {
  display: flex;
  justify-self: center;
  align-items: center;
  padding: 0 20% 4%;
  font-size: 14px;
}

.btn-list div {
  margin: 0 20px;
  flex: 1;
  text-align: center;
  border: 2px solid #AC8665;
  line-height: 40px;
  border-radius: 20px;
  cursor: pointer;
}

.btn-list .btn-active {
  background-color: #AC8665;
  color: #fff;
}

.hdzx {
  margin: 20px 10% 0;
}

.hdzx .main .top {
  display: flex;
  justify-self: center;
  align-items: center;
  margin-top: 50px;
}

.hdzx .main .top .box1 {
  flex: 1;
  margin: 20px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.hdzx .main .top .box1 .content {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: rgba(000, 000, 000, .8);
  color: #fff;
  padding: 20px 30px;
}

.hdzx .main .bottom {
  position: relative;
}

.hdzx .main .data-container {
  display: flex;
  justify-self: center;
  align-items: center;
  text-align: center;
  min-height: 200px;
}

.hdzx .main .data-container .data-item {
  margin: 0 2%;
  flex-basis: 21%;
  position: relative;
  border: 1px solid #AC8665;
  cursor: pointer;
}

.hdzx .main .data-container .data-item .item-title {
  text-align: left;
  padding: 5px 10px 5px;
}

.hdzx .main .data-container .data-item .huodong {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #AC8665;
  font-size: 12px;
  margin: 5px 0;
}

.bottom-pagination {
  margin: 20px auto 0;
  display: flex;
  justify-self: center;
  align-items: center;
  text-align: center;
  /* width: 18%; */
  padding: 0 30vw;
}

.pagination-left,
.pagination-right {
  flex: 1;
  display: inline-block;
}

.pagination-left div,
.pagination-right div {
  display: inline-block;
  /* background-color: #AC8665; */
  color: #fff;
  border-radius: 20px;
  width: 24px;
  height: 24px;
  line-height: 20px;
  font-size: 20px;
}

.pagination {
  display: flex;
  list-style: none;
  padding: 0;
}

.pagination li {
  margin: 5px;
  cursor: pointer;
}

.pagination li.active {
  font-weight: bold;
  color: #AC8665;
}

.ywly {
  position: relative;
  font-size: 0;
}

.ywly_div {
  position: absolute;
  top: 170px;
  right: 50%;
  width: 70%;
  text-align: center;
  transform: translateX(50%);
  font-size: 0;
}

.ywly_div img {
  width: 33%;
  cursor: pointer;
  margin: 0 -1px;
}