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

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

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

.about .nav,
.case .nav,
.solution .nav,
.solutionlease .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,
.solutionlease .nav::after,
.solutionlease .nav::before,
.corporate .nav::after,
.corporate .nav::before {
  content: " ";
  display: table;
  clear: both;
}

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

.about .nav .navli,
.case .nav .navli,
.solution .nav .navli,
.solutionlease .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,
.solutionlease .nav .navli::after,
.solutionlease .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,
.solutionlease .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,
.solutionlease .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,
.solutionlease .nav .navli > li.active > a,
.corporate .nav .navli > li.active > a {
  color: #0074ff;
}

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

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

.about .main,
.case .main,
.solution .main,
.solutionlease .main,
.corporate .main {
  margin-top: 110px;
  margin-bottom: 130px;
}

.about .main.solutionlease-main,
.case .main.solutionlease-main,
.solution .main.solutionlease-main,
.solutionlease .main.solutionlease-main,
.corporate .main.solutionlease-main {
  margin-bottom: 80px;
}

.about .main.about-main,
.case .main.about-main,
.solution .main.about-main,
.solutionlease .main.about-main,
.corporate .main.about-main {
  padding: 0 20px;
}

.about .main.about-main.x,
.case .main.about-main.x,
.solution .main.about-main.x,
.solutionlease .main.about-main.x,
.corporate .main.about-main.x {
  width: 1274px;
}

.about .main .solutionlease-title,
.case .main .solutionlease-title,
.solution .main .solutionlease-title,
.solutionlease .main .solutionlease-title,
.corporate .main .solutionlease-title {
  margin-bottom: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.about .main .solutionlease-title h2,
.case .main .solutionlease-title h2,
.solution .main .solutionlease-title h2,
.solutionlease .main .solutionlease-title h2,
.corporate .main .solutionlease-title h2 {
  letter-spacing: 2px;
  padding-bottom: 20px;
  border-bottom: 6px solid #0074ff;
}

.about .main .solutionlectricity-title,
.case .main .solutionlectricity-title,
.solution .main .solutionlectricity-title,
.solutionlease .main .solutionlectricity-title,
.corporate .main .solutionlectricity-title {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 80px;
}

.about .main .solutionlectricity-title:first-child,
.case .main .solutionlectricity-title:first-child,
.solution .main .solutionlectricity-title:first-child,
.solutionlease .main .solutionlectricity-title:first-child,
.corporate .main .solutionlectricity-title:first-child {
  margin-top: 0;
}

.about .main .solutionlectricity-title h2,
.case .main .solutionlectricity-title h2,
.solution .main .solutionlectricity-title h2,
.solutionlease .main .solutionlectricity-title h2,
.corporate .main .solutionlectricity-title h2 {
  letter-spacing: 2px;
  padding-bottom: 20px;
  border-bottom: 6px solid #0074ff;
}

.about .main .solutionretail-title,
.case .main .solutionretail-title,
.solution .main .solutionretail-title,
.solutionlease .main .solutionretail-title,
.corporate .main .solutionretail-title {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 80px;
}

.about .main .solutionretail-title:first-child,
.case .main .solutionretail-title:first-child,
.solution .main .solutionretail-title:first-child,
.solutionlease .main .solutionretail-title:first-child,
.corporate .main .solutionretail-title:first-child {
  margin-top: 0;
}

.about .main .solutionretail-title h2,
.case .main .solutionretail-title h2,
.solution .main .solutionretail-title h2,
.solutionlease .main .solutionretail-title h2,
.corporate .main .solutionretail-title h2 {
  letter-spacing: 2px;
  padding-bottom: 20px;
  border-bottom: 6px solid #0074ff;
}

.about .main .solution-title,
.case .main .solution-title,
.solution .main .solution-title,
.solutionlease .main .solution-title,
.corporate .main .solution-title {
  position: relative;
  display: table;
  margin: 0 auto 80px;
}

.about .main .solution-title h2,
.case .main .solution-title h2,
.solution .main .solution-title h2,
.solutionlease .main .solution-title h2,
.corporate .main .solution-title h2 {
  display: table-cell;
  vertical-align: middle;
}

.about .main .solution-title::before,
.case .main .solution-title::before,
.solution .main .solution-title::before,
.solutionlease .main .solution-title::before,
.corporate .main .solution-title::before {
  content: "";
  display: inline-block;
  clear: both;
  width: 460px;
  height: 6px;
  position: absolute;
  background: #0074ff;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.about .main .solution-title .img,
.case .main .solution-title .img,
.solution .main .solution-title .img,
.solutionlease .main .solution-title .img,
.corporate .main .solution-title .img {
  display: table-cell;
  vertical-align: middle;
  margin-left: 40px;
  display: inline-block;
}

.about .main .about-title,
.case .main .about-title,
.solution .main .about-title,
.solutionlease .main .about-title,
.corporate .main .about-title {
  position: relative;
  display: table;
  margin: 0 auto 80px;
}

.about .main .about-title h2,
.case .main .about-title h2,
.solution .main .about-title h2,
.solutionlease .main .about-title h2,
.corporate .main .about-title h2 {
  display: table-cell;
  vertical-align: middle;
}

.about .main .about-title::before,
.case .main .about-title::before,
.solution .main .about-title::before,
.solutionlease .main .about-title::before,
.corporate .main .about-title::before {
  content: "";
  display: inline-block;
  clear: both;
  width: 486px;
  height: 6px;
  position: absolute;
  background: #0074ff;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.about .main .about-title .img,
.case .main .about-title .img,
.solution .main .about-title .img,
.solutionlease .main .about-title .img,
.corporate .main .about-title .img {
  display: table-cell;
  vertical-align: middle;
  margin-left: 40px;
  display: inline-block;
}

.about .main .title,
.case .main .title,
.solution .main .title,
.solutionlease .main .title,
.corporate .main .title {
  position: relative;
  display: table;
  margin: 0 auto 80px;
}

.about .main .title h2,
.case .main .title h2,
.solution .main .title h2,
.solutionlease .main .title h2,
.corporate .main .title h2 {
  display: table-cell;
  vertical-align: middle;
}

.about .main .title::before,
.case .main .title::before,
.solution .main .title::before,
.solutionlease .main .title::before,
.corporate .main .title::before {
  content: "";
  display: inline-block;
  clear: both;
  width: 520px;
  height: 6px;
  position: absolute;
  background: #0074ff;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.about .main .title .img,
.case .main .title .img,
.solution .main .title .img,
.solutionlease .main .title .img,
.corporate .main .title .img {
  display: table-cell;
  vertical-align: middle;
  margin-left: 40px;
  display: inline-block;
}

.about .main .solutionlease-content,
.case .main .solutionlease-content,
.solution .main .solutionlease-content,
.solutionlease .main .solutionlease-content,
.corporate .main .solutionlease-content {
  padding: 0 22px;
}

.about .main .solutionlectricity-content,
.case .main .solutionlectricity-content,
.solution .main .solutionlectricity-content,
.solutionlease .main .solutionlectricity-content,
.corporate .main .solutionlectricity-content {
  padding: 0 22px;
}

.about .main .solutionlectricity-content p,
.case .main .solutionlectricity-content p,
.solution .main .solutionlectricity-content p,
.solutionlease .main .solutionlectricity-content p,
.corporate .main .solutionlectricity-content p {
  line-height: 34px !important;
}

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

.about .main .solutionlectricity-content .left-main,
.case .main .solutionlectricity-content .left-main,
.solution .main .solutionlectricity-content .left-main,
.solutionlease .main .solutionlectricity-content .left-main,
.corporate .main .solutionlectricity-content .left-main {
  width: 720px;
  float: left;
  margin-top: 14px;
}

.about .main .solutionlectricity-content .img-cover-s,
.case .main .solutionlectricity-content .img-cover-s,
.solution .main .solutionlectricity-content .img-cover-s,
.solutionlease .main .solutionlectricity-content .img-cover-s,
.corporate .main .solutionlectricity-content .img-cover-s {
  width: 507px;
  float: right;
}

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

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

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

.about .main .content ul,
.case .main .content ul,
.solution .main .content ul,
.solutionlease .main .content ul,
.corporate .main .content ul {
  margin-top: 30px;
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 6px;
}

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

.about .main .content ul li,
.case .main .content ul li,
.solution .main .content ul li,
.solutionlease .main .content ul li,
.corporate .main .content ul li {
  margin-right: 20px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  float: left;
}

.about .main .content ul li.pro-bg-item,
.case .main .content ul li.pro-bg-item,
.solution .main .content ul li.pro-bg-item,
.solutionlease .main .content ul li.pro-bg-item,
.corporate .main .content ul li.pro-bg-item {
  transition: all 0.2s linear;
}

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

.about .main .content ul li.pro-bg-item:first-child,
.case .main .content ul li.pro-bg-item:first-child,
.solution .main .content ul li.pro-bg-item:first-child,
.solutionlease .main .content ul li.pro-bg-item:first-child,
.corporate .main .content ul li.pro-bg-item:first-child {
  margin-left: 0;
}

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

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

.about .main .content ul li .h4,
.case .main .content ul li .h4,
.solution .main .content ul li .h4,
.solutionlease .main .content ul li .h4,
.corporate .main .content ul li .h4 {
  background-color: #fff;
  font-size: 34px;
  height: 90px;
  color: #000;
  padding: 10px 0 10px 30px;
  font-family: "微软雅黑";
}

.about .main .content ul li .h4 span,
.case .main .content ul li .h4 span,
.solution .main .content ul li .h4 span,
.solutionlease .main .content ul li .h4 span,
.corporate .main .content ul li .h4 span {
  width: 90%;
  border-bottom: 2px solid #f4f8fe;
  display: block;
  height: 100%;
  text-align: left;
  line-height: 90px;
}

.about .main .content ul li .bt,
.case .main .content ul li .bt,
.solution .main .content ul li .bt,
.solutionlease .main .content ul li .bt,
.corporate .main .content ul li .bt {
  background-color: #fff;
  display: block;
  clear: both;
  width: 100%;
  height: 20px;
  height: 70px;
  line-height: 70px;
  cursor: pointer;
}

.about .main .content ul li .bt::after,
.case .main .content ul li .bt::after,
.solution .main .content ul li .bt::after,
.solutionlease .main .content ul li .bt::after,
.corporate .main .content ul li .bt::after {
  content: "";
  display: block;
  clear: both;
  background: url("../images/Solution_button.png") no-repeat left;
  width: 90px;
  height: 20px;
  margin-left: 30px;
  height: 70px;
  line-height: 70px;
}

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