.con {
  width: 1120px;
  margin: 0 auto;
  overflow: hidden;
}
.banner {
  background: linear-gradient(to right, #111834, #323a63);
  height: 400px;
}
.banner h2 {
  font-size: 32px;
  line-height: 32px;
  color: #fff;
  margin-top: 96px;
}
.banner p {
  font-size: 14px;
  color: #fff;
  width: 496px;
  margin-top: 24px;
}
.banner img {
  position: absolute;
  top: 50px;
  right: 0;
}
.banner a {
  display: block;
  width: 136px;
  height: 40px;
  color: #fff;
  background: #2370e7;
  text-align: center;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 120px;
  border-radius: 2px;
}
.banner a:hover {
  background: #1d5bbb;
}
.Prosum_title,.Profeat_title,.Proprice_title {
  font-size: 24px;
  line-height: 24px;
  margin-top: 56px;
  text-align: center;
  color: #333333;
}
.Prosum_ex,.Profeat_ex {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 56px;
  overflow: hidden;
}
.Prosum_ex li {
  float: left;
  width: 350px;
  height: 233px;
  border: 1px solid #e8e8e8;
}
.Profeat_ex li {
  float: left;
  width: 254px;
  height: 250px;
  background: #fff;
}
.Prosum_ex h3 {
  font-size: 16px;
  line-height: 16px;
  color: #444444;
  font-weight: bolder;
  margin-bottom: 16px;
}
.Prosum_ex li:nth-child(2){
  margin-left: 32px;
}
.Prosum_ex li:nth-child(3){
  margin-left: 32px;
}
.ml32 {
  margin-left: 32px;
}
.mb32 {
  margin-bottom: 32px;
}
.Prosum_ex div{
  width: 81px;
  height: 66px;
  margin: 32px auto 24px;
}
.Prosum_ex li:nth-child(1) div {
  background: url(../images/element_1.png) no-repeat center;
}
.Prosum_ex li:nth-child(2) div {
  background: url(../images/element_2.png) no-repeat center;
}
.Prosum_ex li:nth-child(3) div {
  background: url(../images/element_3.png) no-repeat center;
}
.Profeat_ex div {
  width: 112px;
  height: 112px;
  margin: 32px auto 16px;
  border-radius: 100%;
}
.Profeat_ex li:nth-child(1) div {
  background: url(../images/icon_1.png) no-repeat center #ecf2ff;
}
.Profeat_ex li:nth-child(2) div {
  background: url(../images/icon_2.png) no-repeat center #ecf2ff;
}
.Profeat_ex li:nth-child(3) div {
  background: url(../images/icon_3.png) no-repeat center #ecf2ff;
}
.Profeat_ex li:nth-child(4) div {
  background: url(../images/icon_4.png) no-repeat center #ecf2ff;
}
.Profeat_ex li:nth-child(5) div {
  background: url(../images/icon_5.png) no-repeat center #ecf2ff;
}
.Profeat_ex li:nth-child(6) div {
  background: url(../images/icon_6.png) no-repeat center #ecf2ff;
}
.Profeat_ex li:nth-child(7) div {
  background: url(../images/icon_7.png) no-repeat center #ecf2ff;
}
.Profeat_ex li:nth-child(8) div {
  background: url(../images/icon_8.png) no-repeat center #ecf2ff;
}
.Prosum_ex h2,{
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #444444;
}
.Profeat_ex h2 {
  font-size: 16px;
  line-height: 16px;
  width: 192px;
  margin:0 auto;
  color: #444444;
  font-weight: bolder;
  margin-bottom: 16px;
}
.Profeat_ex li h2:nth-child(3) {
  margin-top: 8px;
}
.Prosum_ex p,.Profeat_ex p {
  font-size: 14px;
  color: #666666;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
  word-break: break-all;
}
.Prosum_ex p {
  width: 288px;
  text-align: left;
}
.Profeat {
  background: #f9f8fd;
}
.Proprice table {
  width: 100%;
  border: 1px solid #ddd;
  margin-top: 32px;
  text-align: center;
  margin-bottom: 55px;
}
.Proprice table tr {
  border-bottom: 1px solid #ddd;
}
.Proprice table td {
  border-right: 1px solid #ddd;
}
.Proprice table th {
  border-right: 1px solid #ddd;
}
.Proprice table thead tr th {
  color: #333333;
}
.Proprice table strong {
  font-size: 16px;
  line-height: 16px;
  color: #333333;
  margin-top: 30px;
  font-weight: bold;
}
.Proprice table em {
  font-size: 14px;
  color: #444444;
  margin-top: 22px;
  display: block;
}
.Proprice table i {
  font-size: 14px;
  color: #444444;
  display: block;
}
.Proprice table em span {
  font-size: 24px;
  font-weight: bold;
}
.Proprice tr td a {
  width: 114px;
  height: 32px;
  margin:0 auto;
  margin-bottom: 30px;
  line-height: 32px;
  background: #2370e7;
  color: #fff;
  border-radius: 32px;
  margin-top: 23px;
}
.Proprice table thead a {
  margin-top: 16px;
  margin-bottom: 32px;
}
.Proprice table thead td {
  width: 140px;
}
.Proprice table tbody th {
  height: 44px;
  line-height: 44px;
}
.Proprice table tbody td {
  height: 50px;
}
.zeng {
  color: #2bb25c;
}
.support {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: url(../images/support.png) no-repeat center #18b25c;
  margin: 0 auto;
}
.h_green:hover {
  background: #269440!important;
}
.h_blue:hover {
  background: #1c5bbc!important;
}
.cases {
  width: 1120px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 55px;
}
.cases_title {
  color: #333333;
  font-size: 24px;
  line-height: 24px;
}
.cases_logo {
  margin-top: 30px;
  width: 1119px;
  height: 184px;
  line-height: 80px;
  float: left;
  border: 0px;
  position: relative;
  background: url('../images/anli.png');
}