.page-banner {
  height: 580px;
}
.page-anchors-wrap{
  height: 60px;
  margin-bottom: 36px;
  border-bottom: 1px solid #eee;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0,0.3);
}
.anchors-list-wrap{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.anchors-list-wrap .anchors-wrap{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.anchors-list-wrap .anchor-item-link {
  display: block;
  padding: 0 20px;
  line-height: 60px;
  font-size: 16px;
  color: #09232e;
}
.apply-scene-wrap{
  margin-bottom: 40px;
}
.apply-scene-wrap .apply-scene-list{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
.apply-scene-wrap .apply-scene-list .apply-scene-item{
  flex: 1;
  position: relative;
  box-sizing: border-box;
}
.apply-scene-wrap .apply-scene-item .apply-scene-cover{
  height: 442px;
  transition: 0.3s ease-in-out;
}
.advances-production-content{
  overflow: hidden;
  margin-bottom: 110px;
}
.advances-production-content .advance-production-item{
  margin-left: 136px;
  float: left;
  width: 198px;
}
.compatible-production-wrap .compatible-production-content{
  flex-direction: row;
  left: -60px;
}
.compatible-production-content .compatible-production-item .compatible-production-cover{
  height: 240px;
  padding: 20px;
}
.cases-classical-wrap .cases-classical-content-wrap{
  height: 512px;
}
.cases-swiper-container {
  width: 1200px;
  height: 374px;
}
.cases-swiper-container .swiper-slide{
  width: 260px;
  height: 374px;
}
.cases-swiper-button-prev{
  left: -30px;
}
.cases-swiper-button-next{
  right: -30px;
}
.functions-production-wrap .item-production-wrap .function-production-item {
  padding-left: 136px;
}