@charset "UTF-8";
.body {
  margin: 0 auto;
}

.about h2,
.case h2,
.solution h2,
.corporate h2 {
  color: 002450;
  font-size: 50px;
}

.about .x,
.case .x,
.solution .x,
.corporate .x {
  width: 1300px;
  margin: 0 auto;
}

.about .nav,
.case .nav,
.solution .nav,
.corporate .nav {
  height: 60px;
  padding-top: 70px;
}

.about .nav::after, .about .nav::before,
.case .nav::after,
.case .nav::before,
.solution .nav::after,
.solution .nav::before,
.corporate .nav::after,
.corporate .nav::before {
  content: " ";
  display: table;
  clear: both;
}

.about .nav .log,
.case .nav .log,
.solution .nav .log,
.corporate .nav .log {
  float: left;
}

.about .nav .navli,
.case .nav .navli,
.solution .nav .navli,
.corporate .nav .navli {
  float: right;
  width: 800px;
}

.about .nav .navli::after, .about .nav .navli::before,
.case .nav .navli::after,
.case .nav .navli::before,
.solution .nav .navli::after,
.solution .nav .navli::before,
.corporate .nav .navli::after,
.corporate .nav .navli::before {
  content: " ";
  display: table;
  clear: both;
}

.about .nav .navli > li,
.case .nav .navli > li,
.solution .nav .navli > li,
.corporate .nav .navli > li {
  margin-left: 70px;
  font-size: 24px;
  float: left;
  display: block;
}

.about .nav .navli > li a,
.case .nav .navli > li a,
.solution .nav .navli > li a,
.corporate .nav .navli > li a {
  color: #333;
}

.about .nav .navli > li.active > a,
.case .nav .navli > li.active > a,
.solution .nav .navli > li.active > a,
.corporate .nav .navli > li.active > a {
  color: #0074ff;
}

.about .banner,
.case .banner,
.solution .banner,
.corporate .banner {
  width: 100%;
  min-width: 1300px;
}

.about .banner > img,
.case .banner > img,
.solution .banner > img,
.corporate .banner > img {
  width: 100%;
}

.about .main,
.case .main,
.solution .main,
.corporate .main {
  margin-top: 100px;
  margin-bottom: 70px;
}

.about .main .title,
.case .main .title,
.solution .main .title,
.corporate .main .title {
  margin: 0 auto 42px;
  width: 700px;
  overflow: hidden;
  padding-bottom: 8px;
  border-bottom: 6px solid #0074ff;
}

.about .main .title::after, .about .main .title::before,
.case .main .title::after,
.case .main .title::before,
.solution .main .title::after,
.solution .main .title::before,
.corporate .main .title::after,
.corporate .main .title::before {
  content: " ";
  display: table;
  clear: both;
}

.about .main .title h2,
.case .main .title h2,
.solution .main .title h2,
.corporate .main .title h2 {
  float: left;
}

.about .main .title .img,
.case .main .title .img,
.solution .main .title .img,
.corporate .main .title .img {
  margin-left: 40px;
  float: left;
  margin-top: 4px;
}

.about .main .content,
.case .main .content,
.solution .main .content,
.corporate .main .content {
  font-family: "微软雅黑";
  padding: 0 42px;
}

.about .main .content .sub-title,
.case .main .content .sub-title,
.solution .main .content .sub-title,
.corporate .main .content .sub-title {
  text-indent: 2em;
  font-size: 30px;
  color: #002450;
  font-weight: bold;
  margin-bottom: 30px;
}

.about .main .content p,
.case .main .content p,
.solution .main .content p,
.corporate .main .content p {
  font-size: 22px;
  line-height: 32px;
  color: #898989;
  text-indent: 2em;
  margin-bottom: 36px;
}

.about .main .content .cover-img,
.case .main .content .cover-img,
.solution .main .content .cover-img,
.corporate .main .content .cover-img {
  margin: 20px auto;
}

.about .main .content img,
.case .main .content img,
.solution .main .content img,
.corporate .main .content img {
  margin: 30px auto;
}

.about .main .content ul,
.case .main .content ul,
.solution .main .content ul,
.corporate .main .content ul {
  margin-top: 30px;
  background-color: #f8f8f8;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.about .main .content ul li,
.case .main .content ul li,
.solution .main .content ul li,
.corporate .main .content ul li {
  margin-right: 30px;
}

.about .main .content ul li:last-child,
.case .main .content ul li:last-child,
.solution .main .content ul li:last-child,
.corporate .main .content ul li:last-child {
  margin-right: 0;
}

.about .main .content ul li h5,
.case .main .content ul li h5,
.solution .main .content ul li h5,
.corporate .main .content ul li h5 {
  color: #002450;
  font-size: 30px;
}

.about .main .content ul li > img,
.case .main .content ul li > img,
.solution .main .content ul li > img,
.corporate .main .content ul li > img {
  width: 100%;
}

.about .main .content .logo,
.case .main .content .logo,
.solution .main .content .logo,
.corporate .main .content .logo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.about .main .content .logo > li,
.case .main .content .logo > li,
.solution .main .content .logo > li,
.corporate .main .content .logo > li {
  width: 30%;
  margin-right: 0;
}

.about .main .content .logo > li > img,
.case .main .content .logo > li > img,
.solution .main .content .logo > li > img,
.corporate .main .content .logo > li > img {
  width: 200px;
  padding: 30px;
  line-height: 100px;
  margin: 0 auto;
}

.about .main .case-content ul::after, .about .main .case-content ul::before,
.case .main .case-content ul::after,
.case .main .case-content ul::before,
.solution .main .case-content ul::after,
.solution .main .case-content ul::before,
.corporate .main .case-content ul::after,
.corporate .main .case-content ul::before {
  content: " ";
  display: table;
  clear: both;
}

.about .main .case-content ul li,
.case .main .case-content ul li,
.solution .main .case-content ul li,
.corporate .main .case-content ul li {
  float: left;
  width: 594px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #f5f8fe;
  padding: 0 7px;
  background: #ffffff;
  margin: 20px;
  transition: all 0.2s linear;
}

.about .main .case-content ul li:hover,
.case .main .case-content ul li:hover,
.solution .main .case-content ul li:hover,
.corporate .main .case-content ul li:hover {
  box-shadow: 0 0 20px rgba(73, 69, 69, 0.3);
}

.about .main .case-content ul li a,
.case .main .case-content ul li a,
.solution .main .case-content ul li a,
.corporate .main .case-content ul li a {
  display: inline-block;
  cursor: pointer;
}

.about .main .case-content ul li a h2,
.case .main .case-content ul li a h2,
.solution .main .case-content ul li a h2,
.corporate .main .case-content ul li a h2 {
  line-height: 96px;
  text-align: center;
  font-size: 34px;
  letter-spacing: 2px;
  color: #000;
}

.about .main .case-content ul li .img-cover,
.case .main .case-content ul li .img-cover,
.solution .main .case-content ul li .img-cover,
.corporate .main .case-content ul li .img-cover {
  width: 594px;
  margin: auto;
}

.about .main .case-content ul li .img-cover img,
.case .main .case-content ul li .img-cover img,
.solution .main .case-content ul li .img-cover img,
.corporate .main .case-content ul li .img-cover img {
  display: block;
}

.about .main .case-content ul li .more-icon,
.case .main .case-content ul li .more-icon,
.solution .main .case-content ul li .more-icon,
.corporate .main .case-content ul li .more-icon {
  padding: 30px 20px;
  line-height: 1;
}