.page-top {
  position: relative;
  height: 684px;
  background: #010834;
}

.page-top .banner {
  width: 100%;
  height: 684px;
  position: relative;
}

.page-top .banner .swiper-container {
  width: 100%;
  height: 684px;
  min-width: 1200px;
}

.page-top .banner .swiper-container .swiper-wrapper {
  width: 100%;
  height: 684px;
}

.page-top .banner .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 684px;
}

.page-top .banner .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
}

.page-section {
  height: auto;
}

.page-section .section {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

.page-section .section .contain {
  width: 1200px;
}

.page-section .section .contain .list {
  width: 1200px;
  padding-top: 50px;
}

.page-section .section .contain .list .item {
  width: 1200px;
  margin-bottom: 90px;
  position: relative;
}

.page-section .section .contain .list .item .msg-box {
  width: 600px;
  padding: 110px 0 0 53px;
  background-position: 0 44px;
  background-repeat: no-repeat;
  background-size: auto 194px;
}

.page-section .section .contain .list .item .msg-box .msg-title {
  display: table;
  padding: 0 30px;
  font-size: 18px;
  color: #fff;
  background: #458FF8;
  line-height: 50px;
  border-radius: 25px;
}

.page-section .section .contain .list .item .msg-box .msg-info {
  font-size: 18px;
  color: #333;
  line-height: 32px;
  padding: 10px 0 0 13px;
}

.page-section .section .contain .list .item .pic-box {
  width: 600px;
  height: 100%;
  position: absolute;
}

.page-section .section .contain .list .item .pic-box img {
  width: 509px;
  height: 295px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.page-section .section .contain .list .item:first-child .msg-box {
  padding: 90px 0 0 53px;
}

.page-section .section .contain .list .item-style-left .msg-box {
  float: left;
}

.page-section .section .contain .list .item-style-left .pic-box {
  right: 0;
}

.page-section .section .contain .list .item-style-right .msg-box {
  float: right;
}

.page-section .section .contain .list .item-style-right .pic-box {
  left: 0;
}
