.commModule {
  min-width: 1100px;
  width: 100%;
  overflow-x: hidden;
}
.commModule .module1 {
  position: relative;
  height: 600px;
}
.commModule .module1 .cont {
  position: absolute;
  width: 1100px;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.commModule .module1 .cont:hover .immeOpen .hvr-sweep-to-right {
  color: #030121;
}
.commModule .module1 .cont:hover .immeOpen .hvr-sweep-to-right:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.commModule .module1 .cont h3 {
  margin-bottom: 10px;
  font-size: 38px;
  color: #fff;
}
.commModule .module1 .cont p {
  margin-bottom: 30px;
  color: #999;
}
.commModule .module1 .cont p.p1 {
  font-size: 20px;
}
.commModule .module1 .cont p.p2 {
  font-size: 16px;
}
.commModule .module1 .cont .icon {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: auto auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 94%;
}

.commModule .module1 img {
  height: 100%;
}
.commModule .module2 {
  margin: 68px auto 65px;
  width: 1100px;
}
.commModule .module2 .title {
  width: 100%;
  text-align: center;
}
.commModule .module2 .title h2 {
  font-size: 30px;
  color: #333333;
  margin-bottom: 35px;
}
.commModule .module2 .title p {
  text-align: left;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.commModule .module2 .content {
  width: 100%;
  margin: 40px auto 0 20px;
  text-align: center;
}

.commModule .module3 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 55px 0;
}
.commModule .module3 .title {
  width: 100%;
  text-align: center;
}
.commModule .module3 .title h2 {
  font-size: 30px;
  color: #333333;
}
.commModule .module3 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.commModule .module3 .content {
  width: 1100px;
  margin: 55px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.commModule .module4 {
  margin: 55px auto 65px;
  width: 1100px;
}
.commModule .module4 .title {
  width: 100%;
  text-align: center;
}
.commModule .module4 .title h2 {
  font-size: 30px;
  color: #333333;
}
.commModule .module4 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.commModule .module4 .content {
  width: 100%;
  margin: 50px auto 0;
  text-align: center;
}
.commModule .module5 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 55px 0;
}
.commModule .module5 .title {
  width: 100%;
  text-align: center;
}
.commModule .module5 .title h2 {
  font-size: 30px;
  color: #333333;
}
.commModule .module5 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.commModule .module5 .content {
  width: 1100px;
  margin: 55px auto 0;
}
.commModule .module5 .content ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.commModule .module5 .content ul li {
  width: 340px;
  box-shadow: 0px 0px 10px #dddddd;
}
.commModule .module5 .content ul li:hover .operatingDetail {
  background: linear-gradient(to right, #5d78ff 0%, #5d78ff 100%);
  color: #fff;
}
.commModule .module5 .content ul li:hover .operatingDetail p {
  color: #fff;
}
.commModule .module5 .content ul li .operatingImg {
  width: 100%;
  height: 267px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.commModule .module5 .content ul li .operatingImg img {
  width: 100%;
}
.commModule .module5 .content ul li .operatingDetail {
  width: 100%;
  height: 222px;
  background: #eef0f6;
  color: #333;
  position: relative;
}
.commModule .module5 .content ul li .operatingDetail:before {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 13px;
  right: 7px;
  width: 75%;
  top: 0;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  transition: all 250ms ease-in-out;
}
.commModule .module5 .content ul li .operatingDetail:hover::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  bottom: 20px;
  z-index: -10;
}
.commModule .module5 .content ul li .operatingDetail:hover {
  background: linear-gradient(to right, #5d78ff 0%, #5d78ff 100%);
  color: #fff;
}
.commModule .module5 .content ul li .operatingDetail:hover p {
  color: #fff;
}
.commModule .module5 .content ul li .operatingDetail.active {
  background: #5d78ff;
  color: #fff;
}
.commModule .module5 .content ul li .operatingDetail h3 {
  font-size: 24px;
  padding: 30px 0 35px 0;
  text-align: center;
}
.commModule .module5 .content ul li .operatingDetail p {
  margin: 0 auto;
  width: 85%;
  font-size: 16px;
  color: #666;
  text-align: left;
}
.commModule .module5 .content ul li .operatingDetail p.active {
  color: #fff;
}
.commModule .module6 {
  margin: 58px auto 65px;
  width: 1100px;
}
.commModule .module6 .title {
  width: 100%;
  text-align: center;
}
.commModule .module6 .title h2 {
  font-size: 30px;
  color: #333333;
}
.commModule .module6 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.commModule .module6 .content {
  width: 100%;
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.commModule .module6 .content .item ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 486px;
  margin-bottom: 30px;
}
.commModule .module6 .content .item ul li:hover .circle {
  -webkit-animation: iconrotateZ 3s linear infinite;
  -webkit-animation-fill-mode: both;
  animation: iconrotateZ 3s linear infinite;
  animation-fill-mode: both;
}
.commModule .module6 .content .item ul li .iconImg {
  position: relative;
  margin-right: 20px;
}
.commModule .module6 .content .item ul li .iconImg .circle {
  width: 84px;
}
.commModule .module6 .content .item ul li .iconImg .hand {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto auto;
}
.commModule .module6 .content .item ul li .detail h3 {
  font-size: 24px;
  color: #333333;
}
.commModule .module6 .content .item ul li .detail p {
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
  display: block;
  width: 336px;
}
.commModule .module6 .content .itemImg {
  -webkit-animation-name: bird;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: bird;
  -moz-animation-duration: 3s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: bird;
  -o-animation-duration: 3s;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  -ms-animation-name: bird;
  -ms-animation-duration: 3s;
  -ms-animation-timing-function: linear;
  -ms-animation-iteration-count: infinite;
  animation-name: bird;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.commModule .module6 .content .itemImg img {
  width: 524px;
}
.commModule .module7 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 55px 0;
}
.commModule .module7 .title {
  width: 100%;
  text-align: center;
}
.commModule .module7 .title h2 {
  font-size: 30px;
  color: #333333;
}
.commModule .module7 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.commModule .module7 .content {
  width: 1100px;
  margin: 55px auto 0;
}
.commModule .module7 .content ul {
  display: flex;
  justify-content: space-between;
}
.commModule .module7 .content ul li {
  position: relative;
}
.commModule .module7 .content ul li .title {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
}
.commModule .module7 .content ul li .title img {
  width: 33px;
}
.commModule .module7 .content ul li .title h3 {
  margin-top: 30px;
  font-size: 24px;
  color: #fff;
}
.commModule .module7 .content ul li .detail {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: rgba(93, 120, 255, 0.9);
  display: none;
}
.commModule .module7 .content ul li .detail img {
  width: 33px;
}
.commModule .module7 .content ul li .detail h3 {
  margin: 30px 0;
  font-size: 24px;
}
.commModule .module7 .content ul li .detail p {
  width: 70%;
  margin: 0 auto;
  font-size: 16px;
}
.commModule .module7 .content ul li:hover .title {
  display: none;
}
.commModule .module7 .content ul li:hover .detail {
  display: flex;
}
.mediModule {
  min-width: 1100px;
  width: 100%;
  overflow-x: hidden;
}
.mediModule .module3 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 55px 0;
}
.mediModule .module3 .title {
  width: 100%;
  text-align: center;
}
.mediModule .module3 .title h2 {
  font-size: 30px;
  color: #333333;
}
.mediModule .module3 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.mediModule .module3 .content {
  width: 1100px;
  margin: 55px auto 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mediModule .module3 .content .before {
  display: flex;
  align-items: center;
  height: 602px;
}
.mediModule .module3 .content .before .product-grid .product-image img {
  width: 498px;
}
.mediModule .module3 .content .after .product-grid .product-image img {
  width: 498px;
}
.mediModule .module5 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 55px 0 30px;
}
.mediModule .module5 .title {
  width: 100%;
  text-align: center;
}
.mediModule .module5 .title h2 {
  font-size: 30px;
  color: #333333;
}
.mediModule .module5 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.mediModule .module5 .content {
  width: 1100px;
  margin: 55px auto 0;
}
.mediModule .module6 {
  margin: 59px auto 65px;
  width: 100%;
}
.mediModule .module6 .title {
  margin: 0 auto;
  width: 1100px;
  text-align: center;
}
.mediModule .module6 .title h2 {
  font-size: 30px;
  color: #333333;
  padding-bottom: 50px;
}
.mediModule .module6 .title p {
  display: none;
  margin: 0;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.mediModule .module6 .content {
  width: 100%;
}
.mediModule .module6 .content .detailItem {
  margin: 0 auto;
  width: 1100px;
  height: 362px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mediModule .module6 .content .image {
  width: 100%;
}
.mediModule .module6 .content .image img {
  width: 100%;
}
.mediModule .module7 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 55px 0;
}
.mediModule .module7 .title {
  width: 100%;
  text-align: center;
}
.mediModule .module7 .title h2 {
  font-size: 30px;
  color: #333333;
}
.mediModule .module7 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.mediModule .module7 .content {
  width: 1100px;
  margin: 55px auto 0;
}
.enerModule {
  min-width: 1100px;
  width: 100%;
  overflow-x: hidden;
}
.enerModule .module5 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 55px 0;
}
.enerModule .module5 .title {
  width: 100%;
  text-align: center;
}
.enerModule .module5 .title h2 {
  font-size: 30px;
  color: #333333;
}
.enerModule .module5 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.enerModule .module5 .content {
  width: 1100px;
  margin: 55px auto 0;
}
.enerModule .module5 .content ul {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 540px;
  box-shadow: 0px 0px 20px #dddddd;
  background: #fff;
}
.enerModule .module5 .content ul li {
  width: 275px;
  background: #fff;
}
.enerModule .module5 .content ul li:hover {
  transform: scale(1.05);
  box-shadow: 10px 0px 20px #dddddd;
}
.enerModule .module5 .content ul li:hover .bottom {
  transform: scale(1);
  color: #fff;
  background: #5d78ff;
}
.enerModule .module5 .content ul li:hover .bottom h3 {
  transform: scale(1);
  font-size: 24px;
}
.enerModule .module5 .content ul li:hover .bottom p {
  transform: scale(1);
  color: #fff;
  font-size: 16px;
}
.enerModule .module5 .content ul li .top {
  width: 100%;
  height: 270px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.enerModule .module5 .content ul li .top img {
  width: 104px;
}
.enerModule .module5 .content ul li .bottom {
  height: 270px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #eef0f6;
  color: #333333;
}
.enerModule .module5 .content ul li .bottom h3 {
  font-size: 24px;
}
.enerModule .module5 .content ul li .bottom p {
  width: 76%;
  margin-top: 20px;
  font-size: 16px;
  color: #999;
}
.enerModule .module5 .content ul li:nth-child(2) .bottom p {
  width: 70%;
}
.enerModule .module5 .content ul li:nth-child(3) .bottom p {
  width: 71%;
}
.enerModule .module5 .content ul li:nth-child(4) .bottom p {
  width: 70%;
}
.enerModule .module6 {
  margin: 100px auto 65px;
  width: 1100px;
}
.enerModule .module6 .title {
  margin: 0 auto;
  width: 1100px;
  text-align: center;
}
.enerModule .module6 .title h2 {
  font-size: 30px;
  color: #333333;
}
.enerModule .module6 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
  padding-bottom: 50px;
}
.enerModule .module6 .content {
  width: 100%;
  margin: 0px auto 0;
}
.enerModule .module7 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 55px 0;
}
.enerModule .module7 .title {
  width: 100%;
  text-align: center;
}
.enerModule .module7 .title h2 {
  font-size: 30px;
  color: #333333;
}
.enerModule .module7 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.enerModule .module7 .content {
  width: 1100px;
  margin: 55px auto 0;
}
.gaasModule {
  min-width: 1100px;
  width: 100%;
  overflow-x: hidden;
}
.gaasModule .module3 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
}
.gaasModule .module3 ul.item {
  width: 100%;
  height: 100px;
  background: #486fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 55px;
}
.gaasModule .module3 ul.item li {
  width: 39%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.gaasModule .module3 ul.item li.active {
  color: #fffeff;
}
.gaasModule .module3 ul.item li:hover {
  color: #fffeff;
}
.gaasModule .module3 .title {
  width: 100%;
  text-align: center;
}
.gaasModule .module3 .title h2 {
  font-size: 30px;
  color: #333333;
}
.gaasModule .module3 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.gaasModule .module3 .content {
  width: 1100px;
  height: 500px;
  margin: 55px auto 0;
  background: #fff;
  box-shadow: 0px 0px 10px #dddddd;
}
.gaasModule .module3 .content .smartark {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.gaasModule .module3 .content .smartark.active {
  display: block;
  display: flex;
}
.gaasModule .module3 .content .smartark .leftTitle {
  width: 170px;
  height: 406px;
  border-right: 1px solid #eef0f6;
  display: flex;
  justify-content: space-between;
  align-items: space-between;
  flex-direction: column;
}
.gaasModule .module3 .content .smartark .leftTitle li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 90px;
  font-size: 18px;
  color: #333333;
}
.gaasModule .module3 .content .smartark .leftTitle li:nth-child(3) {
  justify-content: flex-end;
}
.gaasModule .module3 .content .smartark .rightItem {
  margin-left: 35px;
  height: 406px;
  width: 803px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gaasModule .module3 .content .smartark .rightItem li {
  width: 135px;
  height: 406px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  color: #999;
  font-size: 16px;
}
.gaasModule .module3 .content .smartark .rightItem li:hover .top .topImg1 {
  display: none;
}
.gaasModule .module3 .content .smartark .rightItem li:hover .top .topImg2 {
  display: block;
}
.gaasModule .module3 .content .smartark .rightItem li:hover .top .line {
  display: block;
}
.gaasModule .module3 .content .smartark .rightItem li:hover .top span {
  color: #486fff;
}
.gaasModule .module3 .content .smartark .rightItem li.active {
  color: #486fff;
}
.gaasModule .module3 .content .smartark .rightItem li.active .top .topImg1 {
  display: none;
}
.gaasModule .module3 .content .smartark .rightItem li.active .top .topImg2 {
  display: block;
}
.gaasModule .module3 .content .smartark .rightItem li.active .top .line {
  display: block;
}
.gaasModule .module3 .content .smartark .rightItem li.active .center .centerImg {
  transform: scale(1.05);
  transition: all 350ms linear;
}
.gaasModule .module3 .content .smartark .rightItem li .top {
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid #eef0f6;
  position: relative;
  cursor: pointer;
}
.gaasModule .module3 .content .smartark .rightItem li .top .topImg2 {
  display: none;
}
.gaasModule .module3 .content .smartark .rightItem li .top .line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  margin: 0 auto;
  width: 100px;
  height: 3px;
  background: #486fff;
  display: none;
}
.gaasModule .module3 .content .smartark .rightItem li .center {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.gaasModule .module3 .content .smartark .rightItem li .center .centerImg {
  text-align: center;
  border: 1px solid #eef0f6;
  margin-bottom: 12px;
  width: 96px;
  height: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gaasModule .module3 .content .smartark .rightItem li .center .centerImg img {
  width: 96px;
  height: 96px;
}
.gaasModule .module3 .content .smartark .rightItem li .bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.gaasModule .module3 .content .smartark .rightItem li .bottom span:nth-child(1) {
  margin-bottom: 6px;
}
.gaasModule .module3 .content .newretail {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.gaasModule .module3 .content .newretail.active {
  display: block;
  display: flex;
}
.gaasModule .module3 .content .newretail .leftTitle {
  width: 170px;
  height: 406px;
  border-right: 1px solid #eef0f6;
  display: flex;
  justify-content: space-between;
  align-items: space-between;
  flex-direction: column;
}
.gaasModule .module3 .content .newretail .leftTitle li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 90px;
  font-size: 18px;
  color: #333333;
}
.gaasModule .module3 .content .newretail .leftTitle li:nth-child(3) {
  justify-content: flex-end;
}
.gaasModule .module3 .content .newretail .rightItem {
  margin-left: 35px;
  height: 406px;
  width: 803px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  color: #999;
  font-size: 16px;
}
.gaasModule .module3 .content .newretail .rightItem .title {
  width: 100%;
  border-bottom: 1px solid #eef0f6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gaasModule .module3 .content .newretail .rightItem .title li {
  width: 100px;
  height: 90px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  color: #999;
  cursor: pointer;
  box-sizing: border-box;
}
.gaasModule .module3 .content .newretail .rightItem .title li:hover {
  color: #486fff;
  border-bottom: 3px solid #486fff;
}
.gaasModule .module3 .content .newretail .rightItem .title li:hover .topImg1 {
  display: none;
}
.gaasModule .module3 .content .newretail .rightItem .title li:hover .topImg2 {
  display: block;
}
.gaasModule .module3 .content .newretail .rightItem .title li:hover span {
  color: #486fff;
}
.gaasModule .module3 .content .newretail .rightItem .title li.active {
  color: #486fff;
  border-bottom: 3px solid #486fff;
}
.gaasModule .module3 .content .newretail .rightItem .title li.active .topImg1 {
  display: none;
}
.gaasModule .module3 .content .newretail .rightItem .title li.active .topImg2 {
  display: block;
}
.gaasModule .module3 .content .newretail .rightItem .title li .topImg1 {
  display: block;
}
.gaasModule .module3 .content .newretail .rightItem .title li .topImg2 {
  display: none;
}
.gaasModule .module3 .content .newretail .rightItem .title li:nth-child(6):hover {
  color: #999;
  border: none;
}
.gaasModule .module3 .content .newretail .rightItem .title li:nth-child(6):hover .topImg1 {
  display: block;
}
.gaasModule .module3 .content .newretail .rightItem .title li:nth-child(6):hover .topImg2 {
  display: none;
}
.gaasModule .module3 .content .newretail .rightItem .title li:nth-child(6):hover span {
  color: #999;
}
.gaasModule .module3 .content .newretail .rightItem .type {
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.gaasModule .module3 .content .newretail .rightItem .type li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #999;
  margin-right: 40px;
}
.gaasModule .module3 .content .newretail .rightItem .type li.active {
  color: #486fff;
  border: 1px solid #486fff;
}
.gaasModule .module3 .content .newretail .rightItem .type li:nth-child(6n) {
  margin-right: 0px;
}
.gaasModule .module3 .content .newretail .rightItem .cont {
  width: 100%;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #486fff;
}
.gaasModule .module3 .content .newretail .rightItem .cont p {
  margin-top: 6px;
}
.gaasModule .module3 .itemLink {
  width: 100%;
  height: 115px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gaasModule .module3 .itemLink a {
  font-size: 16px;
  color: #5d78ff;
}
.gaasModule .module3 .itemLink a.gray {
  color: #999;
  cursor: default;
}
.gaasModule .module3 .itemLink a:nth-child(2) {
  display: none;
}
.gaasModule .module4 {
  margin: 50px auto 65px;
  width: 1100px;
}
.gaasModule .module4 .title {
  margin: 0 auto;
  width: 1100px;
  text-align: center;
}
.gaasModule .module4 .title h2 {
  font-size: 30px;
  color: #333333;
}
.gaasModule .module4 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
  padding-bottom: 50px;
}
.gaasModule .module4 .content {
  width: 100%;
  height: 585px;
  margin: 0px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gaasModule .module4 .content ul.m4UlLeft {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: space-between;
}
.gaasModule .module4 .content ul.m4UlLeft li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.gaasModule .module4 .content ul.m4UlLeft li .circleImg {
  position: relative;
}
.gaasModule .module4 .content ul.m4UlLeft li .circleImg .hand {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 43px;
}
.gaasModule .module4 .content ul.m4UlLeft li p {
  margin-top: 25px;
  font-size: 24px;
  color: #333;
}
.gaasModule .module5 {
  width: 100%;
  position: relative;
}
.gaasModule .module5 img.bg {
  width: 100%;
}
.gaasModule .module5 .content {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.gaasModule .module5 .content h3 {
  font-size: 30px;
  color: #f9faff;
  margin-bottom: 30px;
}
.gaasModule .module5 .content .num {
  position: relative;
}
.gaasModule .module5 .content .num .numAll {
  font-size: 68px;
  color: #f9faff;
}
.gaasModule .module5 .content .num .numAll span {
  letter-spacing: 20px;
}
.gaasModule .module5 .content .num ul.numUl {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gaasModule .module5 .content .num ul.numUl li {
  width: 46px;
  height: 90px;
  border: 1px solid #f9faff;
  border-radius: 4px;
}
.gaasModule .module5 .content .num ul.numUl li:nth-child(1) {
  position: absolute;
  left: -2px;
}
.gaasModule .module5 .content .num ul.numUl li:nth-child(2) {
  position: absolute;
  left: 94px;
}
.gaasModule .module5 .content .num ul.numUl li:nth-child(3) {
  position: absolute;
  left: 154px;
}
.gaasModule .module5 .content .num ul.numUl li:nth-child(4) {
  position: absolute;
  left: 214px;
}
.gaasModule .module5 .content .num ul.numUl li:nth-child(5) {
  position: absolute;
  left: 311px;
}
.gaasModule .module5 .content .num ul.numUl li:nth-child(6) {
  position: absolute;
  left: 371px;
}
.gaasModule .module5 .content .num ul.numUl li:nth-child(7) {
  position: absolute;
  left: 430px;
}
.gaasModule .module5 .content .num ul.numUl li:nth-child(8) {
  position: absolute;
  left: 527px;
}
.gaasModule .module5 .content .num ul.numUl li:nth-child(9) {
  position: absolute;
  left: 586px;
}
.gaasModule .module5 .content .num ul.numUl li:nth-child(10) {
  position: absolute;
  left: 646px;
}
.gaasModule .module6 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 55px 0 30px 0;
}
.gaasModule .module6 .title {
  width: 100%;
  text-align: center;
}
.gaasModule .module6 .title h2 {
  font-size: 30px;
  color: #333333;
}
.gaasModule .module6 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.gaasModule .module6 .content {
  width: 1100px;
  margin: 55px auto 0;
}
.gaasModule .module6 .content ul.ulTitle {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.gaasModule .module6 .content ul.ulTitle li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gaasModule .module6 .content ul.ulTitle li .leftTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 440px;
  height: 80px;
  font-size: 24px;
  color: #fff;
  background: #486fff;
}
.gaasModule .module6 .content ul.ulTitle li .centeTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  font-size: 60px;
  color: #333;
}
.gaasModule .module6 .content ul.ulTitle li .rightTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 440px;
  height: 80px;
  font-size: 24px;
  color: #fff;
  background: #333;
}
.gaasModule .module6 .content ul.ulCont {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.gaasModule .module6 .content ul.ulCont li.liCont {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gaasModule .module6 .content ul.ulCont li.liCont:hover .leftCont {
  border: 2px solid #486fff;
}
.gaasModule .module6 .content ul.ulCont li.liCont:hover .centeCont .circleDetail {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  font-size: 16px;
  color: #486fff;
  display: block;
}
.gaasModule .module6 .content ul.ulCont li.liCont:hover .centeCont .circleDetail img {
  width: 32px;
}
.gaasModule .module6 .content ul.ulCont li.liCont:hover .centeCont .hand {
  display: none;
}
.gaasModule .module6 .content ul.ulCont li.liCont:hover .centeCont .hand img {
  width: 40px;
}
.gaasModule .module6 .content ul.ulCont li.liCont:hover .rightCont {
  border: 2px solid #333;
}
.gaasModule .module6 .content ul.ulCont li.liCont .leftCont {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 440px;
  height: 80px;
  font-size: 18px;
  color: #486fff;
}
.gaasModule .module6 .content ul.ulCont li.liCont .centeCont {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  width: 90px;
}
.gaasModule .module6 .content ul.ulCont li.liCont .centeCont .circleDetail {
  display: none;
  text-align: center;
}
.gaasModule .module6 .content ul.ulCont li.liCont .centeCont .circleDetail img {
  margin: 12px 0 3px 0;
}
.gaasModule .module6 .content ul.ulCont li.liCont .centeCont .circleDetail span {
  display: block;
}
.gaasModule .module6 .content ul.ulCont li.liCont .centeCont .hand {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.gaasModule .module6 .content ul.ulCont li.liCont .centeCont .hand span {
  font-size: 16px;
  color: #486fff;
  font-weight: bold;
}
.gaasModule .module6 .content ul.ulCont li.liCont .rightCont {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 440px;
  height: 80px;
  font-size: 18px;
  color: #666;
}
.gaasModule .module7 {
  margin: 50px auto 65px;
  width: 1100px;
}
.gaasModule .module7 .title {
  margin: 0 auto;
  width: 1100px;
  text-align: center;
}
.gaasModule .module7 .title h2 {
  font-size: 30px;
  color: #333333;
  padding-bottom: 50px;
}
.gaasModule .module7 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.gaasModule .module7 .content {
  width: 100%;
  height: 550px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.gaasModule .module7 .content .item {
  position: relative;
}
.gaasModule .module7 .content .item .itemBlue {
  position: absolute;
  left: 0px;
  right: 0px;
  top: -150px;
  margin: 0 auto;
}
.gaasModule .module7 .content .item .itemBlue .cont {
  position: absolute;
  width: 80%;
  height: 80%;
  left: 0;
  top: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gaasModule .module7 .content .item .itemBlue .cont h3 {
  font-size: 24px;
  width: 22%;
  text-align: left;
}
.gaasModule .module7 .content .item .itemBlue .cont p {
  margin-left: 25px;
  width: 50%;
  font-size: 16px;
  text-align: left;
}
.gaasModule .module7 .content .item .itemBlue:hover {
  top: -170px;
  transition: all 350ms linear;
}
.gaasModule .module7 .content .item .itemYellow {
  position: absolute;
  right: -216px;
  top: 32px;
}
.gaasModule .module7 .content .item .itemYellow .cont {
  position: absolute;
  width: 100%;
  height: 80%;
  left: 0;
  top: 0;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gaasModule .module7 .content .item .itemYellow .cont h3 {
  font-size: 24px;
  width: 22%;
  text-align: left;
}
.gaasModule .module7 .content .item .itemYellow .cont p {
  margin-left: 25px;
  width: 50%;
  font-size: 16px;
  text-align: left;
}
.gaasModule .module7 .content .item .itemYellow:hover {
  top: 12px;
  transition: all 350ms linear;
}
.gaasModule .module7 .content .item .itemGreen {
  position: absolute;
  left: -283px;
  top: 120px;
}
.gaasModule .module7 .content .item .itemGreen .cont {
  position: absolute;
  width: 96%;
  height: 80%;
  left: 0;
  top: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gaasModule .module7 .content .item .itemGreen .cont h3 {
  font-size: 24px;
  width: 22%;
  text-align: left;
}
.gaasModule .module7 .content .item .itemGreen .cont p {
  margin-left: 25px;
  width: 50%;
  font-size: 16px;
  text-align: left;
}
.gaasModule .module7 .content .item .itemGreen:hover {
  top: 100px;
  transition: all 350ms linear;
}
.gaasModule .module8 {
  margin: 0 auto;
  width: 100%;
  background: rgba(72, 111, 255, 0.03);
  padding: 55px 0;
}
.gaasModule .module8 .title {
  width: 100%;
  text-align: center;
}
.gaasModule .module8 .title h2 {
  font-size: 30px;
  color: #333333;
}
.gaasModule .module8 .title p {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #666666;
}
.gaasModule .module8 .content {
  width: 1100px;
  margin: 55px auto 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.gaasModule .module8 .content .rightItem {
  width: 760px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.gaasModule .module8 .content .rightItem li {
  width: 380px;
  height: 277px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
.gaasModule .module8 .content .rightItem li:hover {
  transform: scale(1.05);
  background: #fff !important;
}
.gaasModule .module8 .content .rightItem li:hover .title h3 {
  font-size: 24px;
  color: #5d78ff;
}
.gaasModule .module8 .content .rightItem li:hover .title p {
  font-size: 16px;
  color: #5d78ff;
}
.gaasModule .module8 .content .rightItem li .title {
  width: 80%;
  text-align: left;
}
.gaasModule .module8 .content .rightItem li .title h3 {
  font-size: 24px;
  color: #333;
}
.gaasModule .module8 .content .rightItem li .title p {
  margin-top: 15px;
  font-size: 16px;
  color: #999;
}
.gaasModule .module8 .content .rightItem li .step {
  width: 80%;
}
.gaasModule .module8 .content .rightItem li:nth-child(odd) .step {
  text-align: right;
}
.gaasModule .module8 .content .rightItem li:nth-child(even) .step {
  text-align: left;
}
.gaasModule .module8 .content .rightItem li:nth-child(1) {
  background: #eef0f6;
}
.gaasModule .module8 .content .rightItem li:nth-child(4) {
  background: #eef0f6;
}