.container .top-banner {
  background: url("/Shared/home/images/plateform2/1.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: 48px;
}
.container .top-banner h4 {
  color: #fff;
  margin-top: 30px;
  font-size: 30px;
}
.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: 33.3%;
  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 .function .p2-block1 .block1-body ul {
  margin: 0 85px 110px;
}
.container .function .p2-block1 .block1-body ul li {
  float: left;
  padding: 39px 30px;
  width: 23%;
  height: 223px;
  border: 1px solid #f0f0f0;
  position: relative;
  margin: 0 10px 50px;
  box-sizing: border-box;
}
.container .function .p2-block1 .block1-body ul li h2 {
  text-align: center;
  color: #3b3b3b;
  font-size: 22px;
}
.container .function .p2-block1 .block1-body ul li p {
  margin-top: 23px;
  color: #484848;
  line-height: 30px;
}
.container .function .p2-block1 .block1-body ul li .circle {
  width: 58px;
  height: 58px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 50%;
  border-bottom: none;
  position: absolute;
  top: -29px;
  left: 50%;
  margin-left: -29px;
}
.container .function .p2-block1 .block1-body ul li .circle span {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #deedff;
  display: block;
  margin: 5px auto;
  font-size: 50px;
  color: #4286f3;
}
.container .function .p2-block1 .block1-body ul li:hover {
  transform: scale(1.1);
  box-shadow: 0 0 21px 1px #eee;
}
.container .function .p2-block1 .block1-body ul li:hover .circle {
  transform: rotate(360deg);
  transition: 0.8s;
}
.container .function .p2-block2 {
  background: #199cf2;
  height: 1000px;
}
.container .function .p2-block2 .phone {
  width: 624px;
  margin: 95px auto 0;
  position: relative;
  left: -8px;
}
.container .function .p2-block2 .phone ul li {
  position: absolute;
  color: #fff;
}
.container .function .p2-block2 .phone ul li i {
  display: none;
  position: absolute;
  width: 60px;
  height: 60px;
  top: -7px;
  background: url("/Shared/home/images/plateform2/circle.png") center center no-repeat;
}
.container .function .p2-block2 .phone ul li span {
  font-size: 22px;
  line-height: 45px;
}
.container .function .p2-block2 .phone ul li p {
  font-size: 16px;
  line-height: 28px;
  visibility: hidden;
}
.container .function .p2-block2 .phone ul li.left {
  padding-right: 66px;
  text-align: right;
}
.container .function .p2-block2 .phone ul li.left i {
  right: 0;
}
.container .function .p2-block2 .phone ul li.right {
  padding-left: 66px;
  text-align: left;
}
.container .function .p2-block2 .phone ul li.right i {
  left: 0;
}
.container .function .p2-block2 .phone ul li.center {
  padding-top: 66px;
  text-align: center;
}
.container .function .p2-block2 .phone ul li.center i {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.container .function .p2-block2 .phone ul li.on i {
  display: block;
}
.container .function .p2-block2 .phone ul li.on p {
  visibility: visible;
}
.container .function .p2-block2 .phone .circle-show {
  width: 60px!important;
  height: 60px!important;
  background-position: -42px -3px !important;
  margin-left: -12px !important;
  margin-top: -8px !important;
}
.container .function .p2-block2 .phone .span-show {
  transform: translateY(-50%);
}
.container .function .p2-block2 .phone .p-show {
  transform: translateY(-50%);
  margin-top: 30px;
  margin-left: 18px;
}
.container .function .p2-block3 .hover-blue {
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
}
.container .function .p2-block3 .hover-blue li {
  width: 325px;
  padding: 0 40px 45px;
  box-sizing: border-box;
}
.container .function .p2-block3 .hover-blue li span {
  margin: 65px auto 0;
  display: block;
  font-size: 50px;
  color: #4286f3;
  text-align: center;
}
.container .function .p2-block3 .hover-blue li h2 {
  font-size: 22px;
  color: #3b3b3b;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
.container .function .p2-block3 .hover-blue li h3 {
  color: #48464d;
  line-height: 25px;
  text-align: center;
}
.container .function .p2-block3 .hover-blue li:hover {
  background: #2f9bfa;
  border-radius: 5px;
}
.container .function .p2-block3 .hover-blue li:hover span {
  color: #fff;
}
.container .function .p2-block3 .hover-blue li:hover h2 {
  color: #fff;
}
.container .function .p2-block3 .hover-blue li:hover h3 {
  color: #fff;
}
.container .function .p2-block4 .block4-body {
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  padding-bottom: 150px;
}
.container .function .p2-block4 .block4-body ul {
  margin-right: 95px;
  margin-left: 140px;
}
.container .function .p2-block4 .block4-body ul li {
  margin-bottom: 106px;
  position: relative;
  padding: 1px;
}
.container .function .p2-block4 .block4-body ul li span {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  float: left;
  font-size: 65px;
  text-align: center;
  line-height: 80px;
  box-shadow: 0 0 10px 1px #eee;
}
.container .function .p2-block4 .block4-body ul li h2 {
  font-size: 24px;
  color: #000;
  margin-top: 5px;
  margin-left: 104px;
}
.container .function .p2-block4 .block4-body ul li p {
  margin-top: 18px;
  margin-left: 104px;
}
.container .function .p2-block4 .block4-body ul li:before {
  content: "";
  display: inline-block;
  height: 106px;
  border-right: 2px dashed #e8e8e8;
  position: absolute;
  top: 81px;
  left: 38px;
}
.container .function .p2-block4 .block4-body ul li:last-child:before {
  content: "";
  height: 0;
}
.container .function .p2-block4 .block4-body ul li:nth-of-type(1) span {
  color: #1c81ff;
}
.container .function .p2-block4 .block4-body ul li:nth-of-type(2) span {
  color: #f8448c;
}
.container .function .p2-block4 .block4-body ul li:nth-of-type(3) span {
  color: #3dc4e1;
}