body {
  background-color: #e7e8ed;
}

html {
  min-width: 1300px;
}

.compere_box {
  width: 1300px;
  background-color: #fff;
  margin: 0 auto;
  min-height: 1000px;
  padding: 30px 50px;
  overflow: hidden;
  background-image: linear-gradient(
    135deg,
    #cce3f3 0%,
    #fbffff 20% 80%,
    #cce3f3
  );
}

.guide {
  margin-bottom: 80px;
  color: #8a8a8a;
}

.guide a {
  color: #8a8a8a;
}

.content_center_left,
.content_center_right {
  width: 100%;
  height: 420px;
  /* min-height: 260px; */
  display: flex;
  margin-bottom: 85px;
  background-image: url(../images/compere/item_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 1px solid #e7e8ed;
}

.content_center_right {
  background-image: url(../images/compere/item4.png);
  background-size: 100% 110%;
}

.content_center_left .center_left,
.content_center_right .center_right {
  position: relative;
  width: 300px;
  height: 420px;
}
.content_center_left .center_left .left_img {
  position: absolute;
  top: -50px;
  left: -30px;
  width: 100%;
  height: 470px;
  z-index: 9;
}
.content_center_right .center_right .right_img {
  position: absolute;
  top: -50px;
  right: -50px;
  width: 100%;
  height: 470px;
  z-index: 9;
}

.content_center_left .center_left img,
.content_center_right .center_right img {
  /* width: 100%; */
  height: 100%;
  object-fit: contain;
}
.content_center_left .center_right,
.content_center_right .center_left {
  width: 900px;
  height: 420px;
  padding: 20px 20px 20px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.content_center_left .center_right .right_name,
.content_center_right .center_left .left_name {
  line-height: 60px;
  color: #3469a5;
  font-size: 22px;
  font-weight: bold;
}
.content_center_left .center_right .right_center,
.content_center_right .center_left .left_center {
  /* height: 320px; */
  font-size: 16px;
  /* display: flex;
  flex-direction: column;
  justify-content: center; */
}
.content_center_left .center_right p,
.content_center_right .center_left p {
  margin-bottom: 10px;
}

.banner_carousel {
  width: 1920px;
  height: 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -960px;
  z-index: 1;
  background-image: url('../images/compere/bg.jpg');
  padding: 130px 140px;
}

.slider-container {
  position: relative;
  width: 1638px;
  height: 360px;
  overflow: hidden;
}
.slider-container ul {
  position: absolute;
  left: 0;
  width: 1638px;
  height: 360px;
}
.slider-container li {
  width: 117px;
  float: left;
}

.slider-container img {
  display: inline;
  width: 117px; /* 根据需要调整图片宽度 */
  /* height: auto; */
  height: 360px;
  vertical-align: top;
}