.container .top-banner {
  background: url("/Shared/home/images/plateform/444.jpg") no-repeat center;
  height: 700px;
  color: #fff;
  padding: 1px;
}
.container .top-banner h2 {
  font-size: 57px;
  font-weight: bold;
  margin-top: 250px;
}
.container .top-banner h3 {
  margin-top: 20px;
  font-size: 57px;
}
.container .iconList ul {
  width: 1365px;
  background: #fff;
  border-radius: 10px;
  height: 130px;
  margin: 0 auto;
  position: relative;
  top: -65px;
  box-shadow: 1px 7px 7px #ccc;
}
.container .iconList ul li {
  float: left;
  width: 25%;
  font-size: 24px;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.container .iconList ul li .iconfont {
  font-size: 60px;
  color: #4286f3;
}
.container .subject {
  margin-top: 140px;
}
.container .subject .row:nth-of-type(2n) .icon-sub {
  float: left;
  margin-left: 260px;
}
.container .subject .row:nth-of-type(2n) .icon-img {
  float: right;
  margin-right: 271px;
}
.container .subject .row:nth-of-type(2n):before {
  content: "";
  display: block;
  width: 614px;
  height: 101px;
  background: url("/Shared/home/images/plateform/line2.png");
  position: absolute;
  bottom: -150px;
  left: 50%;
  margin-left: -307px;
}
.container .subject .row:nth-of-type(2n+1) .icon-sub {
  float: right;
  margin-right: 136px;
}
.container .subject .row:nth-of-type(2n+1) .icon-img {
  float: left;
  margin-left: 271px;
}
.container .subject .row:nth-of-type(2n+1):before {
  content: "";
  display: block;
  width: 614px;
  height: 101px;
  background: url("/Shared/home/images/plateform/line1.png");
  position: absolute;
  bottom: -150px;
  left: 50%;
  margin-left: -307px;
}
.container .subject .row {
  margin-bottom: 279px;
  position: relative;
}
.container .subject .row:last-child:before {
  content: "";
  width: 0;
  height: 0;
}
.container .subject .row .icon-img {
  display: block;
}
.container .subject .row .icon-img:hover {
  transform: scale(1.1);
  transition: 1s;
}
.container .subject .row .icon-sub {
  width: 399px;
  position: relative;
}
.container .subject .row .icon-sub .one {
  display: block;
  float: left;
  position: absolute;
  left: -145px !important;
  top: -20px !important;
}
.container .subject .row .icon-sub img {
  display: block;
  float: left;
  position: absolute;
  left: -180px;
  top: -20px;
}
.container .subject .row .icon-sub .icon-des h2 {
  font-size: 30px;
  color: #4598ff;
}
.container .subject .row .icon-sub .icon-des h3 {
  font-size: 24px;
  color: #3c3c3c;
  margin-top: 15px;
}
.container .subject .row .icon-sub .icon-des p {
  color: #636363;
  font-size: 18px;
  margin-top: 30px;
  line-height: 32px;
  height: 25px;
}
.container .subject .row:last-child {
  margin-bottom: 0;
  padding-bottom: 270px;
}
.container .subject .bot-line {
  width: 614px;
  margin: 80px auto;
}