@import url(../common.css);
.container {
  width: 1300px;
  height: 100%;
  margin: 0 auto;
}

.header {
  height: 80px;
  display: flex;
  justify-content: space-between;
}
.header ul {
  width: 630px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header ul a {
  color: #696969;
}
.header ul .active {
  color: #4762ca !important;
}

.banner {
  width: 100%;
  height: 530px;
}

.main {
  height: 1900px;
  padding-top: 20px;
}
.main .wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 150px;
}
.main .wrap .left h2 {
  font-size: 26px;
  margin-bottom: 5px;
}
.main .wrap .left span {
  display: block;
  height: 200px;
  border-left: 1px solid #d7dbdf;
  margin-left: 30px;
  margin-top: 10px;
}
.main .wrap .cen {
  margin-top: 25px;
  width: 500px;
}
.main .wrap .cen p {
  color: #919ba8;
  font-size: 20px;
  line-height: 40px;
}
.main .wrap .right {
  margin-top: 25px;
  width: 350px;
  height: 250px;
  border-radius: 12px;
  overflow: hidden;
}
.main .wrap .right .bg {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transition: all 0.8s ease 0s;
}
.main .wrap .right:hover .bg {
  transform: scale(1.1);
}

.foot {
  height: 225px;
  background-color: #e5e5e6;
}
.foot .foot-con {
  width: 1300px;
  height: 100%;
  margin: 0 auto;
  display: flex;
}
.foot .foot-con ul {
  display: flex;
  flex-direction: column;
  margin: 35px 80px;
}
.foot .foot-con ul p {
  margin-bottom: 20px;
}
.foot .foot-con ul li {
  line-height: 30px;
}
.foot .foot-con ul li a {
  color: #a8a8a8;
}

.article .top {
  margin-top: 100px;
}
.article .top p {
  font-size: 24px;
  color: #919ba8;
  line-height: 2;
}
.article .bot {
  margin-top: 100px;
}
.article .bot h2 {
  font-size: 28px;
}
.article .bot .con {
  font-size: 24px;
  line-height: 2;
  color: #919ba8;
  margin-top: 50px;
}

.contact {
  height: 600px;
  display: flex;
  justify-content: space-between;
  margin-top: 150px;
}
.contact .left {
  font-size: 24px;
  color: #8ea4c6;
}
.contact .left .box {
  display: flex;
  align-items: center;
  margin-top: 50px;
}
.contact .left .box .icon {
  font-size: 24px;
}
.contact .left .box p {
  margin-left: 40px;
  color: #142e4f;
}
.contact .right {
  width: 600px;
  height: 400px;
  background-color: skyblue;
}/*# sourceMappingURL=proservice.css.map */